Merge pull request #417 from thefrontside/jc/fix-icon-button-test

Update IconButton test for react-router 4.3
folio-org · Jun 7, 2018 · 5b8c5e3 · 5b8c5e3
2 parents 89487eb + 5582cf2
commit 5b8c5e3
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/lib/IconButton/tests/IconButton-test.js b/lib/IconButton/tests/IconButton-test.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { describe, beforeEach, it } from '@bigtest/mocha';
 import { expect } from 'chai';
-import { HashRouter as Router } from 'react-router-dom';
+import { StaticRouter as Router } from 'react-router-dom';
 
 import { mount } from '../../../tests/helpers';
 
@@ -14,7 +14,7 @@ describe('IconButton', () => {
 
   beforeEach(async () => {
     await mount(
-      <Router>
+      <Router context={{}}>
         <IconButton id="testId" icon="search" onClick={() => { ibClicked = true; }} />
       </Router>
     );
@@ -43,8 +43,8 @@ describe('IconButton', () => {
   describe('When passed an href prop', () => {
     beforeEach(async () => {
       await mount(
-        <Router>
-          <IconButton id="anchorId" icon="search" href="#" />
+        <Router context={{}}>
+          <IconButton id="anchorId" icon="search" href="/testPath" />
         </Router>
       );
     });
@@ -54,15 +54,15 @@ describe('IconButton', () => {
     });
 
     it('properly renders the href attribute', () => {
-      expect(iconButton.href).to.equal('#/#');
+      expect(iconButton.href).to.equal('/testPath');
     });
   });
 
   describe('When passed an to prop (string)', () => {
     beforeEach(async () => {
       await mount(
-        <Router>
-          <IconButton id="anchorId" icon="search" to="#" />
+        <Router context={{}}>
+          <IconButton id="anchorId" icon="search" to="/testPath" />
         </Router>
       );
     });
@@ -72,7 +72,7 @@ describe('IconButton', () => {
     });
 
     it('properly renders the href attribute', () => {
-      expect(iconButton.href).to.match(/#$/);
+      expect(iconButton.href).to.equal('/testPath');
     });
   });