feat($linktag): Added test case for navigation links with custom tags

faceyspacey · Aug 16, 2017 · 65b0991 · 65b0991
1 parent 06c9f3d
commit 65b0991
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/__tests__/NavLink.js b/__tests__/NavLink.js
@@ -96,3 +96,32 @@ test('isActive return false', () => {
 
   expect(tree).toMatchSnapshot()
 })
+
+it('supports custom HTML tag name', () => {
+  const { tree, store } = createNavLink('/first', {
+    to: '/second',
+    activeClassName: 'active',
+    tagName: 'div'
+  }) /*? $.tree */
+
+  expect(tree).toMatchSnapshot()
+})
+
+it('supports custom HTML tag name in active mode', () => {
+  const { tree, store } = createNavLink('/first', {
+    to: '/first',
+    activeClassName: 'active',
+    tagName: 'div'
+  }) /*? $.tree */
+
+  expect(tree).toMatchSnapshot()
+})
+
+it('supports custom HTML tag name which is still a link', () => {
+  const { tree, store } = createNavLink('/first', {
+    to: 'somewhere',
+    tagName: 'a'
+  }) /*? $.tree */
+
+  expect(tree).toMatchSnapshot()
+})
diff --git a/__tests__/__snapshots__/NavLink.js.snap b/__tests__/__snapshots__/NavLink.js.snap
@@ -147,3 +147,28 @@ exports[`show activeStyle 1`] = `
   }
 />
 `;
+
+exports[`supports custom HTML tag name 1`] = `
+<div
+  className={undefined}
+  onClick={[Function]}
+  style={undefined}
+/>
+`;
+
+exports[`supports custom HTML tag name in active mode 1`] = `
+<div
+  className="active"
+  onClick={[Function]}
+  style={Object {}}
+/>
+`;
+
+exports[`supports custom HTML tag name which is still a link 1`] = `
+<a
+  className={undefined}
+  href="somewhere"
+  onClick={[Function]}
+  style={undefined}
+/>
+`;