Fix innerText is undefined in FireFox

test/ContentSpec.js

@@ -3,23 +3,25 @@ import { findDOMNode } from 'react-dom';
 import ReactTestUtils from 'react-dom/test-utils';
 
 import Content from '../src/Content';
+import innerText from './innerText';
 
 describe('Content', () => {
 
   it('Should render a Content', () => {
-    let title = 'Test';
-    let instance = ReactTestUtils.renderIntoDocument(
+    const title = 'Test';
+    const instance = ReactTestUtils.renderIntoDocument(
       <Content>{title}</Content>
     );
 
-    assert.equal(findDOMNode(instance).className, 'content-wrapper');
-    assert.equal(findDOMNode(instance).children[0].className, 'content');
-    assert.equal(findDOMNode(instance).innerText, title);
+    const instanceDOM = findDOMNode(instance);
+    assert.equal(instanceDOM.className, 'content-wrapper');
+    assert.equal(instanceDOM.children[0].className, 'content');
+    assert.equal(innerText(instanceDOM), title);
   });
 
   it('Should render a Page Content', () => {
-    let title = 'Test';
-    let instance = ReactTestUtils.renderIntoDocument(
+    const title = 'Test';
+    const instance = ReactTestUtils.renderIntoDocument(
       <Content page>{title}</Content>
     );
     assert.equal(findDOMNode(instance).className, 'page-content-wrapper');
@@ -28,7 +30,7 @@ describe('Content', () => {
 
 
   it('Should have a custom className', () => {
-    let instance = ReactTestUtils.renderIntoDocument(
+    const instance = ReactTestUtils.renderIntoDocument(
       <Content className="custom" />
     );
     assert.ok(findDOMNode(instance).className.match(/\bcustom\b/));
@@ -37,7 +39,7 @@ describe('Content', () => {
 
   it('Should have a custom style', () => {
     const fontSize = '12px';
-    let instance = ReactTestUtils.renderIntoDocument(
+    const instance = ReactTestUtils.renderIntoDocument(
       <Content style={{ fontSize }} />
     );
     assert.equal(findDOMNode(instance).style.fontSize, fontSize);

test/DropdownMenuItemSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import DropdownMenuItem from '../src/DropdownMenuItem';
+import innerText from './innerText';
 
 describe('DropdownMenuItem', () => {
 
@@ -13,7 +14,7 @@ describe('DropdownMenuItem', () => {
       <DropdownMenuItem>{title}</DropdownMenuItem>
     );
     assert.equal(findDOMNode(instance).tagName, 'LI');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
 
   });
 
@@ -23,7 +24,7 @@ describe('DropdownMenuItem', () => {
       <DropdownMenuItem componentClass="button">{title}</DropdownMenuItem>
     );
     assert.equal(findDOMNode(instance).children[0].tagName, 'BUTTON');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
 
   });
 

test/DropdownSpec.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import ReactTestUtils from 'react-dom/test-utils';
 
-
 import Dropdown from '../src/Dropdown';
+import innerText from './innerText';
 
 describe('Dropdown', () => {
 
@@ -57,7 +57,7 @@ describe('Dropdown', () => {
         <Dropdown.Item eventKey={2}>2</Dropdown.Item>
       </Dropdown>
     );
-    assert.equal(findDOMNode(instance).querySelector('button').innerText, 'abc');
+    assert.equal(innerText(findDOMNode(instance).querySelector('button')), 'abc');
   });
 
   it('Should have a title when set activeKey', () => {
@@ -67,7 +67,7 @@ describe('Dropdown', () => {
         <Dropdown.Item eventKey={2}>2</Dropdown.Item>
       </Dropdown>
     );
-    assert.equal(findDOMNode(instance).querySelector('button').innerText, 2);
+    assert.equal(innerText(findDOMNode(instance).querySelector('button')), 2);
   });
 
   it('Should have a title when set object activeKey', () => {
@@ -77,7 +77,7 @@ describe('Dropdown', () => {
         <Dropdown.Item eventKey={{ key: 2, value: 2 }}>2</Dropdown.Item>
       </Dropdown>
     );
-    assert.equal(findDOMNode(instance).querySelector('button').innerText, 2);
+    assert.equal(innerText(findDOMNode(instance).querySelector('button')), 2);
   });
 
   it('Should be shown at both ends', () => {
@@ -108,7 +108,7 @@ describe('Dropdown', () => {
     let doneOp = (eventKey) => {
       if (eventKey === 2) {
         setTimeout(() => {
-          if (findDOMNode(instance).querySelector('button').innerText === '2') {
+          if (innerText(findDOMNode(instance).querySelector('button')) === '2') {
             done();
           }
         }, 200);

test/DropdownToggleSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import DropdownToggle from '../src/DropdownToggle';
+import innerText from './innerText';
 
 describe('DropdownToggle', () => {
 
@@ -16,7 +17,7 @@ describe('DropdownToggle', () => {
     assert.ok(findDOMNode(instance).className.match(/\bdropdown-toggle\b/));
     assert.ok(findDOMNode(instance).querySelector('.caret'));
     assert.equal(findDOMNode(instance).tagName, 'BUTTON');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
 
 
   });
@@ -27,7 +28,7 @@ describe('DropdownToggle', () => {
       <DropdownToggle title={title} />
     );
 
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should not render caret', () => {

test/HeaderSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import Header from '../src/Header';
+import innerText from './innerText';
 
 describe('Header', () => {
 
@@ -13,7 +14,7 @@ describe('Header', () => {
       <Header>{title}</Header>
     );
     assert.ok(findDOMNode(instance).className.match(/\bheader\b/));
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
 

test/ModalDialogSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import ModalDialog from '../src/ModalDialog';
+import innerText from './innerText';
 
 describe('ModalDialog', () => {
 
@@ -15,7 +16,7 @@ describe('ModalDialog', () => {
 
     assert.equal(findDOMNode(instance).className, 'modal');
     assert.ok(findDOMNode(instance).querySelector('.modal-dialog'));
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should have a custom className in dialog', () => {

test/ModalHeaderSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import ModalHeader from '../src/ModalHeader';
+import innerText from './innerText';
 
 describe('ModalHeader', () => {
 
@@ -13,7 +14,7 @@ describe('ModalHeader', () => {
       <ModalHeader>{title}</ModalHeader>
     );
     assert.equal(findDOMNode(instance).className, 'modal-header');
-    assert.equal(findDOMNode(instance).innerText, '×Test');
+    assert.equal(innerText(findDOMNode(instance)), '×Test');
   });
 
   it('Should hide close button', () => {

test/NavDropdownSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavDropdown from '../src/NavDropdown';
+import innerText from './innerText';
 
 describe('NavDropdown', () => {
 
@@ -13,7 +14,7 @@ describe('NavDropdown', () => {
       <NavDropdown>{title}</NavDropdown>
     );
     assert.equal(findDOMNode(instance).tagName, 'LI');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should be active', () => {

test/NavItemSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavItem from '../src/NavItem';
+import innerText from './innerText';
 
 describe('NavItem', () => {
 
@@ -13,7 +14,7 @@ describe('NavItem', () => {
       <NavItem>{title}</NavItem>
     );
     assert.equal(findDOMNode(instance).tagName, 'LI');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should call onSelect callback', (done) => {

test/NavSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import Nav from '../src/Nav';
+import innerText from './innerText';
 
 describe('Nav', () => {
 
@@ -14,7 +15,7 @@ describe('Nav', () => {
     );
     assert.equal(findDOMNode(instance).tagName, 'UL');
     assert.equal(findDOMNode(instance).className, 'nav');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should have a `nav-tabs` className', () => {

test/NavbarBrandSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavbarBrand from '../src/NavbarBrand';
+import innerText from './innerText';
 
 describe('NavbarBrand', () => {
 
@@ -13,7 +14,7 @@ describe('NavbarBrand', () => {
       <NavbarBrand>{title}</NavbarBrand>
     );
     assert.equal(findDOMNode(instance).tagName, 'SPAN');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should render a Brand', () => {
@@ -22,7 +23,7 @@ describe('NavbarBrand', () => {
       <NavbarBrand><div>{title}</div></NavbarBrand>
     );
     assert.equal(findDOMNode(instance).tagName, 'DIV');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
 

test/NavbarCollapseSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavbarCollapse from '../src/NavbarCollapse';
+import innerText from './innerText';
 
 describe('NavbarCollapse', () => {
 
@@ -14,7 +15,7 @@ describe('NavbarCollapse', () => {
     );
     assert.equal(findDOMNode(instance).tagName, 'DIV');
     assert.ok(findDOMNode(instance).className.match(/\bnavbar-collapse\b/));
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should have a custom className', () => {

test/NavbarHeaderSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavbarHeader from '../src/NavbarHeader';
+import innerText from './innerText';
 
 describe('NavbarHeader', () => {
 
@@ -14,7 +15,7 @@ describe('NavbarHeader', () => {
     );
     assert.equal(findDOMNode(instance).tagName, 'DIV');
     assert.ok(findDOMNode(instance).className.match(/\bnavbar-header\b/));
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should have a custom className', () => {

test/NavbarToggleSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import NavbarToggle from '../src/NavbarToggle';
+import innerText from './innerText';
 
 describe('NavbarToggle', () => {
 
@@ -21,7 +22,7 @@ describe('NavbarToggle', () => {
       <NavbarToggle><div>{title}</div></NavbarToggle>
     );
     assert.ok(findDOMNode(instance).className.match(/\bnavbar-toggle\b/));
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should have a custom className', () => {

test/PaginationButtonSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import PaginationButton from '../src/PaginationButton';
+import innerText from './innerText';
 
 describe('PaginationButton', () => {
 
@@ -13,7 +14,7 @@ describe('PaginationButton', () => {
       <PaginationButton>{title}</PaginationButton>
     );
     assert.equal(findDOMNode(instance).tagName, 'LI');
-    assert.equal(findDOMNode(instance).innerText, title);
+    assert.equal(innerText(findDOMNode(instance)), title);
   });
 
   it('Should be disabled', () => {

test/PaginationSpec.js

@@ -4,6 +4,7 @@ import ReactTestUtils from 'react-dom/test-utils';
 
 
 import Pagination from '../src/Pagination';
+import innerText from './innerText';
 
 describe('Pagination', () => {
 
@@ -40,14 +41,15 @@ describe('Pagination', () => {
       <Pagination pages={20} maxButtons={2} ellipsis />
     );
     assert.equal(findDOMNode(instance).querySelectorAll('li').length, 3);
-    assert.equal(findDOMNode(instance).querySelector('li.disabled').innerText, '…');
+    assert.equal(innerText(findDOMNode(instance).querySelector('li.disabled')), '…');
   });
+
   it('Should be ellipsis', () => {
     const instance = ReactTestUtils.renderIntoDocument(
       <Pagination pages={20} maxButtons={2} ellipsis={'abc'} />
     );
     assert.equal(findDOMNode(instance).querySelectorAll('li').length, 3);
-    assert.equal(findDOMNode(instance).querySelector('li.disabled').innerText, 'abc');
+    assert.equal(innerText(findDOMNode(instance).querySelector('li.disabled')), 'abc');
   });
 
   it('Should render `first` button', () => {
@@ -82,15 +84,15 @@ describe('Pagination', () => {
     const instance = ReactTestUtils.renderIntoDocument(
       <Pagination pages={20} maxButtons={2} ellipsis boundaryLinks />
     );
-    assert.equal(findDOMNode(instance).querySelector('li:last-child').innerText, '20');
+    assert.equal(innerText(findDOMNode(instance).querySelector('li:last-child')), '20');
   });
 
 
   it('Should active page 5', () => {
     const instance = ReactTestUtils.renderIntoDocument(
       <Pagination pages={20} activePage={5} />
     );
-    assert.equal(findDOMNode(instance).querySelector('li.active').innerText, '5');
+    assert.equal(innerText(findDOMNode(instance).querySelector('li.active')), '5');
   });