Auto formatting

client/components/cards/AuthorCard.cy.js

@@ -24,10 +24,10 @@ describe('AuthorCard', () => {
       LabelBooks: 'Books',
       ButtonQuickMatch: 'Quick Match'
     },
-    $store : {
+    $store: {
       getters: {
         'user/getUserCanUpdate': true,
-        'libraries/getLibraryProvider': () => 'audible.us'        
+        'libraries/getLibraryProvider': () => 'audible.us'
       },
       state: {
         libraries: {
@@ -36,8 +36,8 @@ describe('AuthorCard', () => {
       }
     },
     $eventBus: {
-      $on: () => {},
-      $off: () => {},
+      $on: () => { },
+      $off: () => { },
     },
   }
 
@@ -51,7 +51,7 @@ describe('AuthorCard', () => {
 
   it('renders the component', () => {
     cy.mount(AuthorCard, mountOptions)
-    
+
     cy.get('&textInline').should('be.visible')
     cy.get('&match').should('be.hidden')
     cy.get('&edit').should('be.hidden')
@@ -66,26 +66,26 @@ describe('AuthorCard', () => {
 
   it('renders the component with the author name below', () => {
     const updatedPropsData = { ...propsData, nameBelow: true }
-    cy.mount(AuthorCard, { ...mountOptions, propsData: updatedPropsData } )
+    cy.mount(AuthorCard, { ...mountOptions, propsData: updatedPropsData })
 
     cy.get('&textInline').should('be.hidden')
     cy.get('&match').should('be.hidden')
     cy.get('&edit').should('be.hidden')
     let nameBelowHeight
     cy.get('&nameBelow')
-        .should('be.visible')
-        .and('have.text', 'John Doe')
-        .and(($el) => {
-          const height = $el.height()
-          const width = $el.width()
-          const sizeMultiplier = propsData.sizeMultiplier
-          const defaultFontSize = 16
-          const defaultLineHeight = 1.5
-          const fontSizeMultiplier = 0.75
-          const px2 = 16
-          expect(height).to.be.closeTo(defaultFontSize * fontSizeMultiplier * sizeMultiplier * defaultLineHeight, 0.01)
-          nameBelowHeight = height 
-          expect(width).to.be.closeTo(propsData.width - px2, 0.01)         
+      .should('be.visible')
+      .and('have.text', 'John Doe')
+      .and(($el) => {
+        const height = $el.height()
+        const width = $el.width()
+        const sizeMultiplier = propsData.sizeMultiplier
+        const defaultFontSize = 16
+        const defaultLineHeight = 1.5
+        const fontSizeMultiplier = 0.75
+        const px2 = 16
+        expect(height).to.be.closeTo(defaultFontSize * fontSizeMultiplier * sizeMultiplier * defaultLineHeight, 0.01)
+        nameBelowHeight = height
+        expect(width).to.be.closeTo(propsData.width - px2, 0.01)
       })
     cy.get('&card').should(($el) => {
       const width = $el.width()
@@ -94,11 +94,10 @@ describe('AuthorCard', () => {
       expect(width).to.be.closeTo(propsData.width, 0.01)
       expect(height).to.be.closeTo(propsData.height + nameBelowHeight + py1, 0.01)
     })
-
   })
 
   it('renders quick-match and edit buttons on mouse hover', () => {
-    cy.mount(AuthorCard, mountOptions )
+    cy.mount(AuthorCard, mountOptions)
 
     // before mouseover
     cy.get('&match').should('be.hidden')
@@ -116,7 +115,7 @@ describe('AuthorCard', () => {
 
   it('renders the component with spinner while searching', () => {
     const data = () => { return { searching: true, isHovering: false } }
-    cy.mount(AuthorCard, { ...mountOptions, data } )
+    cy.mount(AuthorCard, { ...mountOptions, data })
 
     cy.get('&textInline').should('be.hidden')
     cy.get('&match').should('be.hidden')
@@ -124,7 +123,7 @@ describe('AuthorCard', () => {
     cy.get('&spinner').should('be.visible')
   })
 
-  it ('toasts after quick match with no updates', () => {
+  it('toasts after quick match with no updates', () => {
     const updatedMocks = {
       ...mocks,
       $axios: {
@@ -134,9 +133,9 @@ describe('AuthorCard', () => {
         success: cy.spy().as('success'),
         error: cy.spy().as('error'),
         info: cy.spy().as('info')
-      }  
+      }
     }
-    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks } )
+    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks })
     cy.get('&card').trigger('mouseover')
     cy.get('&match').click()
 
@@ -146,7 +145,7 @@ describe('AuthorCard', () => {
     cy.get('@info').should('have.been.called')
   })
 
-  it ('toasts after quick match with updates and no image', () => {
+  it('toasts after quick match with updates and no image', () => {
     const updatedMocks = {
       ...mocks,
       $axios: {
@@ -156,9 +155,9 @@ describe('AuthorCard', () => {
         success: cy.stub().as('success'),
         error: cy.spy().as('error'),
         info: cy.spy().as('info')
-      }  
+      }
     }
-    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks } )
+    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks })
     cy.get('&card').trigger('mouseover')
     cy.get('&match').click()
 
@@ -168,7 +167,7 @@ describe('AuthorCard', () => {
     cy.get('@info').should('not.have.been.called')
   })
 
-  it ('toasts after quick match with updates including image', () => {
+  it('toasts after quick match with updates including image', () => {
     const updatedMocks = {
       ...mocks,
       $axios: {
@@ -178,9 +177,9 @@ describe('AuthorCard', () => {
         success: cy.stub().as('success'),
         error: cy.spy().as('error'),
         info: cy.spy().as('info')
-      }  
+      }
     }
-    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks } )
+    cy.mount(AuthorCard, { ...mountOptions, mocks: updatedMocks })
     cy.get('&card').trigger('mouseover')
     cy.get('&match').click()
 

client/components/cards/LazySeriesCard.cy.js

@@ -93,7 +93,7 @@ describe('LazySeriesCard', () => {
         push: cy.stub().as('routerPush')
       }
     }
-    cy.mount(LazySeriesCard, { propsData, stubs, mocks: updatedMocks})
+    cy.mount(LazySeriesCard, { propsData, stubs, mocks: updatedMocks })
     cy.get('&card').click()
 
     cy.get('@routerPush').should('have.been.calledOnceWithExactly', '/library/library-123/series/1')
@@ -126,8 +126,8 @@ describe('LazySeriesCard', () => {
       .and('have.class', 'bg-yellow-400')
       .and(($el) => {
         const width = $el.width()
-        expect(width).to.be.closeTo((2/3) * propsData.width, 0.01)
-    })
+        expect(width).to.be.closeTo((2 / 3) * propsData.width, 0.01)
+      })
   })
 
   it('shows full green progress bar when all books are finished', () => {
@@ -149,7 +149,7 @@ describe('LazySeriesCard', () => {
       .and(($el) => {
         const width = $el.width()
         expect(width).to.equal(propsData.width)
-    })
+      })
   })
 
   it('hides the rss feed marker when there is no rss feed', () => {
@@ -200,7 +200,7 @@ describe('LazySeriesCard', () => {
     }
     cy.mount(LazySeriesCard, { propsData: updatedPropsData, stubs, mocks })
 
-    cy.get('&detailBottomSortLine').should('have.text', 'Last Book Added 04/16/2024')    
+    cy.get('&detailBottomSortLine').should('have.text', 'Last Book Added 04/16/2024')
   })
 
   it('shows nameIgnorePrefix when sortingIgnorePrefix is true', () => {

client/components/cards/NarratorCard.cy.js

@@ -51,7 +51,6 @@ describe('<NarratorCard />', () => {
     cy.mount(NarratorCard, mountOptions)
 
     cy.get('&numBooks').should('have.text', '1 Book')
-
   })
 
   it('renders the default name and num-books when narrator is not provided', () => {
@@ -77,7 +76,7 @@ describe('<NarratorCard />', () => {
     cy.get('&card').should('have.css', 'height', '100px')
   })
 
-  it ('has the correct font sizes', () => {
+  it('has the correct font sizes', () => {
     let mountOptions = { propsData, mocks }
     cy.mount(NarratorCard, mountOptions)
     cy.get('&name').should('have.css', 'font-size', '14.4px') // 0.75 * 1.2 * 16

client/cypress.config.js

@@ -1,10 +1,10 @@
-const { defineConfig } = require("cypress");
+const { defineConfig } = require("cypress")
 
 module.exports = defineConfig({
   component: {
     devServer: {
       framework: "nuxt",
-      bundler: "webpack",
-    },
-  },
-});
+      bundler: "webpack"
+    }
+  }
+})