lint fixes in FontAwesomeIcon.test.js

Author: jasonlundien

src/components/__tests__/FontAwesomeIcon.test.js

@@ -6,14 +6,14 @@ import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { faCoffee, faCircle, faSpartan } from '../__fixtures__/icons'
 import {
   ICON_PACKS_STARTING_VERSION,
-  SVG_CORE_VERSION,
+  SVG_CORE_VERSION
 } from '../../utils/get-class-list-from-props'
 import {
   coreHasFeature,
   REFERENCE_ICON_USING_STRING,
   REFERENCE_ICON_BY_STYLE,
   ICON_ALIASES,
-  mount,
+  mount
 } from '../__fixtures__/helpers'
 
 jest.mock('../../logger')
@@ -28,7 +28,7 @@ afterEach(() => {
 
 test('using a FAT icon using array format', () => {
   const vm = mount({
-    icon: ['fat', 'spartan'],
+    icon: ['fat', 'spartan']
   })
 
   expect(vm.type).toBe('svg')
@@ -111,7 +111,7 @@ describe('using defaultProps', () => {
     title: undefined,
     titleId: undefined,
     transform: undefined,
-    swapOpacity: undefined,
+    swapOpacity: undefined
   }
 
   test('undefined props passed', () => {
@@ -123,7 +123,7 @@ describe('using defaultProps', () => {
 
 test('using imported object from svg icons package', () => {
   const vm = mount({
-    icon: faTimes,
+    icon: faTimes
   })
 
   expect(vm.type).toBe('svg')
@@ -132,7 +132,7 @@ test('using imported object from svg icons package', () => {
 test('using pack and name', () => {
   const vm = mount({
     icon: ['fas', 'coffee'],
-    style: { backgroundColor: 'white' },
+    style: { backgroundColor: 'white' }
   })
 
   expect(vm.type).toBe('svg')
@@ -281,7 +281,7 @@ test('using size', () => {
     '7x',
     '8x',
     '9x',
-    '10x',
+    '10x'
   ].forEach((size) => {
     const vm = mount({ icon: faCoffee, size: size })
 
@@ -411,12 +411,12 @@ describe('using transform', () => {
     const vm = mount({
       icon: faCoffee,
       transform: 'grow-40 left-4 rotate-15',
-      style: { backgroundColor: 'white' },
+      style: { backgroundColor: 'white' }
     })
 
     expect(vm.props.style).toEqual({
       backgroundColor: 'white',
-      transformOrigin: '0.375em 0.5em',
+      transformOrigin: '0.375em 0.5em'
     })
   })
 
@@ -429,8 +429,8 @@ describe('using transform', () => {
         rotate: 15,
         size: 56,
         x: -4,
-        y: 0,
-      },
+        y: 0
+      }
     })
 
     expect(vm.props.style).toEqual({ transformOrigin: '0.375em 0.5em' })
@@ -475,35 +475,37 @@ describe('symbol', () => {
   })
 })
 
-describe('title', () => {
-  test('will not add a title element', () => {
-    const vm = mount({ icon: faCoffee })
+if (semver.lt(SVG_CORE_VERSION, ICON_PACKS_STARTING_VERSION)) {
+  describe('title', () => {
+    test('will not add a title element', () => {
+      const vm = mount({ icon: faCoffee })
 
-    expect(vm.children[0].type).not.toBe('title')
-  })
+      expect(vm.children[0].type).not.toBe('title')
+    })
 
-  test('will add a title element', () => {
-    const vm = mount({ icon: faCoffee, title: 'Coffee' })
+    test('will add a title element', () => {
+      const vm = mount({ icon: faCoffee, title: 'Coffee' })
 
-    expect(vm.children[0].type).toBe('title')
-    expect(vm.children[0].children[0]).toBe('Coffee')
-  })
-
-  test('will use an explicit titleId', () => {
-    const vm = mount({
-      icon: faCoffee,
-      title: 'Coffee',
-      titleId: 'coffee-title',
+      expect(vm.children[0].type).toBe('title')
+      expect(vm.children[0].children[0]).toBe('Coffee')
     })
 
-    expect(vm.props['aria-labelledby']).toBe(
-      'svg-inline--fa-title-coffee-title'
-    )
-    expect(vm.children[0].props).toEqual(
-      expect.objectContaining({ id: 'svg-inline--fa-title-coffee-title' })
-    )
+    test('will use an explicit titleId', () => {
+      const vm = mount({
+        icon: faCoffee,
+        title: 'Coffee',
+        titleId: 'coffee-title'
+      })
+
+      expect(vm.props['aria-labelledby']).toBe(
+        'svg-inline--fa-title-coffee-title'
+      )
+      expect(vm.children[0].props).toEqual(
+        expect.objectContaining({ id: 'svg-inline--fa-title-coffee-title' })
+      )
+    })
   })
-})
+}
 
 describe('swap opacity', () => {
   test('setting swapOpacity prop to true adds fa-swap-opacity class', () => {
@@ -529,7 +531,7 @@ describe('using ref', () => {
     mount(
       { icon: faCoffee, ref: spy },
       {
-        createNodeMock: () => node,
+        createNodeMock: () => node
       }
     )
 
@@ -544,19 +546,21 @@ describe('using ref', () => {
     mount(
       { icon: faCoffee, ref: setForwardedRef },
       {
-        createNodeMock: () => node,
+        createNodeMock: () => node
       }
     )
 
     expect(forwardedRef).toBe(node)
   })
 })
 
-describe('using titleId', () => {
-  test('setting titleId prop reflects in the aria-labelledby attribute', () => {
-    const titleId = 'foo'
-    const vm = mount({ icon: faCoffee, titleId: titleId, title: 'Coffee' })
-    const ariaLabelledby = vm.props['aria-labelledby']
-    expect(ariaLabelledby.includes(titleId)).toBeTruthy()
+if (semver.lt(SVG_CORE_VERSION, ICON_PACKS_STARTING_VERSION)) {
+  describe('using titleId', () => {
+    test('setting titleId prop reflects in the aria-labelledby attribute', () => {
+      const titleId = 'foo'
+      const vm = mount({ icon: faCoffee, titleId: titleId, title: 'Coffee' })
+      const ariaLabelledby = vm.props['aria-labelledby']
+      expect(ariaLabelledby.includes(titleId)).toBeTruthy()
+    })
   })
-})
+}