       item = document.createElement('div')
       item.classList.add 'overlay-test'
       item.style.background = 'red'
-
       gutterWidth = componentNode.querySelector('.gutter').offsetWidth
 
     describe "when the marker is empty", ->

        overlay = component.getTopmostDOMNode().querySelector('atom-overlay .overlay-test')
        expect(overlay).toBe null

      it "renders in the correct position on initial display and when the marker moves", ->
        editor.setCursorBufferPosition([2, 5])

        marker = editor.getLastCursor().getMarker()
        decoration = editor.decorateMarker(marker, {type: 'overlay', item})
        nextAnimationFrame()
        nextAnimationFrame()

        position = wrapperNode.pixelPositionForBufferPosition([2, 5])

        overlay = component.getTopmostDOMNode().querySelector('atom-overlay')
        expect(overlay.style.left).toBe position.left + gutterWidth + 'px'
        expect(overlay.style.top).toBe position.top + editor.getLineHeightInPixels() + 'px'

        editor.moveRight()
        editor.moveRight()
        nextAnimationFrame()

        position = wrapperNode.pixelPositionForBufferPosition([2, 7])

        expect(overlay.style.left).toBe position.left + gutterWidth + 'px'
        expect(overlay.style.top).toBe position.top + editor.getLineHeightInPixels() + 'px'

    describe "when the marker is not empty", ->
      it "renders at the head of the marker by default", ->
        marker = editor.displayBuffer.markBufferRange([[2, 5], [2, 10]], invalidate: 'never')


        expect(overlay.style.left).toBe windowWidth - itemWidth + 'px'
        expect(overlay.style.top).toBe position.top + editor.getLineHeightInPixels() + 'px'

  describe "hidden input field", ->
    it "renders the hidden input field at the position of the last cursor if the cursor is on screen and the editor is focused", ->
