test: add test for generic data-md-button elements

Author: keithamus

test/test.js

@@ -72,6 +72,7 @@ describe('markdown-toolbar-element', function() {
           <md-header>header</md-header>
           <md-header level="1">h1</md-header>
           <md-header level="10">h1</md-header>
+          <div data-md-button>Other button</div>
           <md-italic>italic</md-italic>
           <md-quote>quote</md-quote>
           <md-code>code</md-code>
@@ -112,50 +113,62 @@ describe('markdown-toolbar-element', function() {
       it('moves focus to next button when ArrowRight is pressed', function() {
         focusFirstButton()
         pushKeyOnFocussedButton('ArrowRight')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-header')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('ArrowRight')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-header[level="1"]')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('ArrowRight')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-header[level="10"]')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
       })
 
       it('cycles focus round to last element from first when ArrowLeft is pressed', function() {
         focusFirstButton()
         pushKeyOnFocussedButton('ArrowLeft')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-ref')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('ArrowLeft')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-mention')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
       })
 
       it('focussed first/last button when Home/End key is pressed', function() {
         focusFirstButton()
         pushKeyOnFocussedButton('End')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-ref')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('End')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-ref')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('Home')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-bold')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
         pushKeyOnFocussedButton('Home')
-        assert.equal(getElementsWithTabindex(-1).length, 13)
+        assert.equal(getElementsWithTabindex(-1).length, 14)
         assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('md-bold')])
         assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
       })
+
+      it('counts `data-md-button` elements in the focussable set', function() {
+        focusFirstButton()
+        pushKeyOnFocussedButton('ArrowRight')
+        pushKeyOnFocussedButton('ArrowRight')
+        pushKeyOnFocussedButton('ArrowRight')
+        pushKeyOnFocussedButton('ArrowRight')
+        assert.equal(getElementsWithTabindex(-1).length, 14)
+        console.log(getElementsWithTabindex(0))
+        assert.deepEqual(getElementsWithTabindex(0), [document.querySelector('div[data-md-button]')])
+        assert.deepEqual(getElementsWithTabindex(0), [document.activeElement])
+      })
     })
 
     describe('bold', function() {