 
       describe 'dragging the resize handler of a row number', ->
         it 'resize the row on mouse up', ->
-          handle = tableElement.find('.table-edit-row-number .row-resize-handle').eq(2)
+          handle = tableShadowRoot.querySelectorAll('.table-edit-row-number .row-resize-handle').eq(2)
           {x, y} = objectCenterCoordinates(handle)
 
           mousedown(handle)

  #    ##     ## ######## ##     ## ########  ######## ##     ##

  it 'has a header', ->
    expect(tableElement.find('.table-edit-header').length).toEqual(1)

  describe 'header', ->
    header = null

          expect(tableElement.getRowHeightAt(2)).toEqual(70)

        it 'displays a ruler when the drag have begun', ->
          ruler = tableShadowRoot.querySelectorAll('.row-resize-ruler')

          expect(ruler.is(':visible')).toBeFalsy()

          handle = tableShadowRoot.querySelectorAll('.table-edit-row-number .row-resize-handle').eq(2)
          mousedown(handle)

          expect(ruler.is(':visible')).toBeTruthy()
          expect(ruler.offset().top).toEqual(handle.offset().top + handle.height())

        it 'moves the handle during the drag', ->
          ruler = tableShadowRoot.querySelectorAll('.row-resize-ruler')
          handle = tableShadowRoot.querySelectorAll('.table-edit-row-number .row-resize-handle').eq(2)
          {x, y} = objectCenterCoordinates(handle)

          mousedown(handle)
