@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

package/test/collection-facets/facet-row.test.ts

@@ -8,7 +8,7 @@ import type { FacetState } from '../../src/models';
 describe('Facet row', () => {
   it('renders nothing if no bucket provided', async () => {
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'}></facet-row>`
+      html`<facet-row .facetType=${'subject'}></facet-row>`,
     );
 
     expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;
@@ -22,7 +22,7 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .bucket=${bucket}></facet-row>`
+      html`<facet-row .bucket=${bucket}></facet-row>`,
     );
 
     expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;
@@ -36,12 +36,12 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`
+      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,
     );
 
     expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;
     expect(
-      el.shadowRoot?.querySelectorAll('input[type="checkbox"]')
+      el.shadowRoot?.querySelectorAll('input[type="checkbox"]'),
     ).to.have.length(2);
     expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);
 
@@ -56,7 +56,7 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`
+      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,
     );
 
     const facetCount = el.shadowRoot?.querySelector('.facet-count');
@@ -71,24 +71,24 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`
+      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,
     );
 
     // "Positive" checkbox is checked; "Negative" checkbox is not checked
     const selectCheckbox = el.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     const hideCheckbox = el.shadowRoot?.querySelector(
-      '.hide-facet-checkbox'
+      '.hide-facet-checkbox',
     ) as HTMLInputElement;
     expect(selectCheckbox?.checked).to.be.true;
     expect(hideCheckbox?.checked).to.be.false;
 
     // Eye icon is not in its active state
     expect(
-      el.shadowRoot?.querySelector('.hide-facet-icon')
+      el.shadowRoot?.querySelector('.hide-facet-icon'),
     ).to.exist.and.satisfy(
-      (icon: HTMLElement) => !icon.classList.contains('active')
+      (icon: HTMLElement) => !icon.classList.contains('active'),
     );
   });
 
@@ -100,24 +100,24 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`
+      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,
     );
 
     // "Positive" checkbox is not checked; "Negative" checkbox is checked
     const selectCheckbox = el.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     const hideCheckbox = el.shadowRoot?.querySelector(
-      '.hide-facet-checkbox'
+      '.hide-facet-checkbox',
     ) as HTMLInputElement;
     expect(selectCheckbox?.checked).to.be.false;
     expect(hideCheckbox?.checked).to.be.true;
 
     // Eye icon is in its "active" state
     expect(
-      el.shadowRoot?.querySelector('.hide-facet-icon')
+      el.shadowRoot?.querySelector('.hide-facet-icon'),
     ).to.exist.and.satisfy((icon: HTMLElement) =>
-      icon.classList.contains('active')
+      icon.classList.contains('active'),
     );
   });
 
@@ -129,11 +129,14 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'collection'} .bucket=${bucket}></facet-row>`
+      html`<facet-row
+        .facetType=${'collection'}
+        .bucket=${bucket}
+      ></facet-row>`,
     );
 
     const collectionName = el.shadowRoot?.querySelector(
-      '.facet-title > a:link'
+      '.facet-title > a:link',
     );
     expect(collectionName).to.exist;
     expect(collectionName?.getAttribute('href')).to.equal('/details/foo');
@@ -147,7 +150,7 @@ describe('Facet row', () => {
     };
 
     const el = await fixture<FacetRow>(
-      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`
+      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,
     );
 
     expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;
@@ -166,11 +169,11 @@ describe('Facet row', () => {
         .facetType=${'subject'}
         .bucket=${bucket}
         @facetClick=${facetClickSpy}
-      ></facet-row>`
+      ></facet-row>`,
     );
 
     const positiveFacetCheck = el.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     expect(positiveFacetCheck).to.exist;
     positiveFacetCheck.click();
@@ -200,11 +203,11 @@ describe('Facet row', () => {
         .facetType=${'subject'}
         .bucket=${bucket}
         @facetClick=${facetClickSpy}
-      ></facet-row>`
+      ></facet-row>`,
     );
 
     const positiveFacetCheck = el.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     expect(positiveFacetCheck).to.exist;
     positiveFacetCheck.click();
@@ -234,11 +237,11 @@ describe('Facet row', () => {
         .facetType=${'subject'}
         .bucket=${bucket}
         @facetClick=${facetClickSpy}
-      ></facet-row>`
+      ></facet-row>`,
     );
 
     const negativeFacetIcon = el.shadowRoot?.querySelector(
-      '.hide-facet-icon'
+      '.hide-facet-icon',
     ) as HTMLLabelElement;
     expect(negativeFacetIcon).to.exist;
     negativeFacetIcon.click();
@@ -268,11 +271,11 @@ describe('Facet row', () => {
         .facetType=${'subject'}
         .bucket=${bucket}
         @facetClick=${facetClickSpy}
-      ></facet-row>`
+      ></facet-row>`,
     );
 
     const negativeFacetIcon = el.shadowRoot?.querySelector(
-      '.hide-facet-icon'
+      '.hide-facet-icon',
     ) as HTMLLabelElement;
     expect(negativeFacetIcon).to.exist;
     negativeFacetIcon.click();
@@ -302,11 +305,11 @@ describe('Facet row', () => {
         .facetType=${'subject'}
         .bucket=${bucket}
         @facetClick=${facetClickSpy}
-      ></facet-row>`
+      ></facet-row>`,
     );
 
     const facetLabel = el.shadowRoot?.querySelector(
-      '.facet-info-display'
+      '.facet-info-display',
     ) as HTMLLabelElement;
     expect(facetLabel).to.exist;
 

package/test/collection-facets/facets-template.test.ts

@@ -21,7 +21,7 @@ const facetGroup: FacetGroup = {
 describe('Render facets', () => {
   it('should render more facets template', async () => {
     const el = await fixture<FacetsTemplate>(
-      html`<facets-template .facetGroup=${facetGroup}></facets-template>`
+      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,
     );
     await el.updateComplete;
 
@@ -30,7 +30,7 @@ describe('Render facets', () => {
 
   it('facets template renders facet rows', async () => {
     const el = await fixture<FacetsTemplate>(
-      html`<facets-template .facetGroup=${facetGroup}></facets-template>`
+      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,
     );
 
     expect(el.shadowRoot?.querySelector('.facet-rows')).to.exist;
@@ -38,7 +38,7 @@ describe('Render facets', () => {
 
   it('applies correct bucket values to facet row', async () => {
     const el = await fixture<FacetsTemplate>(
-      html`<facets-template .facetGroup=${facetGroup}></facets-template>`
+      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,
     );
 
     const facetRows = el.shadowRoot?.querySelectorAll('facet-row');
@@ -58,14 +58,14 @@ describe('Render facets', () => {
       html`<facets-template
         .facetGroup=${facetGroup}
         @facetClick=${facetClickSpy}
-      ></facets-template>`
+      ></facets-template>`,
     );
 
     const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;
     expect(facetRow).to.exist;
 
     const facetSelectCheck = facetRow.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     expect(facetSelectCheck).to.exist;
 
@@ -84,14 +84,14 @@ describe('Render facets', () => {
       html`<facets-template
         .facetGroup=${facetGroup}
         @facetClick=${facetClickSpy}
-      ></facets-template>`
+      ></facets-template>`,
     );
 
     const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;
     expect(facetRow).to.exist;
 
     const facetNegateCheck = facetRow.shadowRoot?.querySelector(
-      '.hide-facet-checkbox'
+      '.hide-facet-checkbox',
     ) as HTMLInputElement;
     expect(facetNegateCheck).to.exist;
 
@@ -116,14 +116,14 @@ describe('Render facets', () => {
       html`<facets-template
         .facetGroup=${facetGroupWithSelection}
         @facetClick=${facetClickSpy}
-      ></facets-template>`
+      ></facets-template>`,
     );
 
     const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;
     expect(facetRow).to.exist;
 
     const facetSelectCheck = facetRow.shadowRoot?.querySelector(
-      '.select-facet-checkbox'
+      '.select-facet-checkbox',
     ) as HTMLInputElement;
     expect(facetSelectCheck).to.exist;
     expect(facetSelectCheck.checked).to.be.true;

package/test/collection-facets/more-facets-content.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-duplicates */
 import { aTimeout, expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';
@@ -35,7 +34,7 @@ const yearSelectedFacets: SelectedFacets = {
 describe('More facets content', () => {
   it('should render more facets template', async () => {
     const el = await fixture<MoreFacetsContent>(
-      html`<more-facets-content></more-facets-content>`
+      html`<more-facets-content></more-facets-content>`,
     );
 
     el.facetsLoading = false;
@@ -46,7 +45,7 @@ describe('More facets content', () => {
 
   it('should render more facets loader template', async () => {
     const el = await fixture<MoreFacetsContent>(
-      html`<more-facets-content></more-facets-content>`
+      html`<more-facets-content></more-facets-content>`,
     );
 
     el.facetsLoading = true;
@@ -61,7 +60,7 @@ describe('More facets content', () => {
     const el = await fixture<MoreFacetsContent>(
       html`<more-facets-content
         .searchService=${searchService}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     el.facetKey = 'year';
@@ -78,7 +77,7 @@ describe('More facets content', () => {
     const el = await fixture<MoreFacetsContent>(
       html`<more-facets-content
         .searchService=${searchService}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     el.facetKey = 'collection';
@@ -86,7 +85,7 @@ describe('More facets content', () => {
     await el.updateComplete;
 
     expect(searchService.searchParams?.query).to.equal(
-      'collection-aggregations'
+      'collection-aggregations',
     );
   });
 
@@ -100,7 +99,7 @@ describe('More facets content', () => {
           pageType: 'collection_details',
           pageTarget: 'foobar',
         }}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     el.facetKey = 'subject';
@@ -120,7 +119,7 @@ describe('More facets content', () => {
           pageType: 'collection_details',
           pageTarget: 'foobar',
         }}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     el.facetKey = 'subject';
@@ -138,7 +137,7 @@ describe('More facets content', () => {
       html`<more-facets-content
         .searchService=${searchService}
         .selectedFacets=${selectedFacetsGroup}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     el.facetKey = 'collection';
@@ -157,11 +156,11 @@ describe('More facets content', () => {
         .query=${'more-facets'}
         .searchService=${searchService}
         .selectedFacets=${yearSelectedFacets}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     const facetsTemplate = el.shadowRoot?.querySelector(
-      'facets-template'
+      'facets-template',
     ) as FacetsTemplate;
     expect(facetsTemplate).to.exist;
 
@@ -190,12 +189,12 @@ describe('More facets content', () => {
         .query=${'collection-aggregations'}
         .searchService=${searchService}
         .analyticsHandler=${mockAnalyticsHandler}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     // select cancel button
     const cancelButton = el.shadowRoot?.querySelector(
-      '.footer > .btn-cancel'
+      '.footer > .btn-cancel',
     ) as HTMLButtonElement;
     expect(cancelButton).to.exist;
     cancelButton?.click();
@@ -215,12 +214,12 @@ describe('More facets content', () => {
         .query=${'collection-aggregations'}
         .searchService=${searchService}
         .analyticsHandler=${mockAnalyticsHandler}
-      ></more-facets-content>`
+      ></more-facets-content>`,
     );
 
     // select submit button
     const submitButton = el.shadowRoot?.querySelector(
-      '.footer > .btn-submit'
+      '.footer > .btn-submit',
     ) as HTMLButtonElement;
     expect(submitButton).to.exist;
     submitButton?.click();

package/test/collection-facets/more-facets-pagination.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-duplicates */
 import { expect, fixture, oneEvent } from '@open-wc/testing';
 import { html } from 'lit';
 import sinon from 'sinon';
@@ -13,13 +12,13 @@ describe('More facets pagination', () => {
   describe('5 pages or less', () => {
     it('shows all pages', async () => {
       const el = await fixture<MoreFacetsPagination>(
-        html`<more-facets-pagination .size=${5}></more-facets-pagination>`
+        html`<more-facets-pagination .size=${5}></more-facets-pagination>`,
       );
 
       await el.updateComplete;
 
       const pageButtons = el.shadowRoot?.querySelectorAll(
-        'button[data-page]'
+        'button[data-page]',
       ) as NodeList;
       expect(pageButtons.length).to.greaterThan(0);
 
@@ -31,7 +30,7 @@ describe('More facets pagination', () => {
 
   it('should render pagination template', async () => {
     const el = await fixture<MoreFacetsPagination>(
-      html`<more-facets-pagination .size=${10}></more-facets-pagination>`
+      html`<more-facets-pagination .size=${10}></more-facets-pagination>`,
     );
 
     await el.updateComplete;
@@ -42,7 +41,7 @@ describe('More facets pagination', () => {
 
   it('should render page numbers', async () => {
     const el = await fixture<MoreFacetsPagination>(
-      html`<more-facets-pagination .size=${3}></more-facets-pagination>`
+      html`<more-facets-pagination .size=${3}></more-facets-pagination>`,
     );
 
     await el.updateComplete;
@@ -57,7 +56,7 @@ describe('More facets pagination', () => {
       html`<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`
+      ></more-facets-pagination>`,
     );
 
     await el.updateComplete;
@@ -67,7 +66,7 @@ describe('More facets pagination', () => {
     expect(
       pageNumberElement
         ?.querySelectorAll('button')[1]
-        .classList.contains('current')
+        .classList.contains('current'),
     ).to.be.true;
     expect(el.pages?.length).to.equal(4);
   });
@@ -77,7 +76,7 @@ describe('More facets pagination', () => {
       html`<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`
+      ></more-facets-pagination>`,
     );
 
     await el.updateComplete;
@@ -88,15 +87,15 @@ describe('More facets pagination', () => {
   describe('Selecting a page', () => {
     it('fires event', async () => {
       const el = await fixture<MoreFacetsPagination>(
-        html`<more-facets-pagination></more-facets-pagination>`
+        html`<more-facets-pagination></more-facets-pagination>`,
       );
 
       await el.updateComplete;
 
       setTimeout(() =>
         el.dispatchEvent(
-          new CustomEvent('pageNumberClicked', { detail: { page: 15 } })
-        )
+          new CustomEvent('pageNumberClicked', { detail: { page: 15 } }),
+        ),
       );
       const { detail } = await oneEvent(el, 'pageNumberClicked');
       expect(detail?.page).to.equal(15);
@@ -106,7 +105,7 @@ describe('More facets pagination', () => {
         html`<more-facets-pagination
           .size=${'10'}
           .currentPage=${2}
-        ></more-facets-pagination>`
+        ></more-facets-pagination>`,
       );
 
       expect(el.currentPage).to.equal(2); // confirm current page
@@ -118,7 +117,7 @@ describe('More facets pagination', () => {
 
       // select first page button
       const pageButton = el.shadowRoot?.querySelector(
-        '.page-numbers > button'
+        '.page-numbers > button',
       ) as HTMLButtonElement;
       // confirm button isn't selected
       expect(pageButton.classList.contains('current')).to.be.false;
@@ -140,7 +139,7 @@ describe('More facets pagination', () => {
         html`<more-facets-pagination
           .size=${'10'}
           .currentPage=${2}
-        ></more-facets-pagination>`
+        ></more-facets-pagination>`,
       );
 
       expect(el.currentPage).to.equal(2); // confirm current page
@@ -152,7 +151,7 @@ describe('More facets pagination', () => {
 
       // select first page button
       const rewindButton = el.shadowRoot?.querySelector(
-        '.facets-pagination > button.rewind'
+        '.facets-pagination > button.rewind',
       ) as HTMLButtonElement;
       rewindButton.click();
 
@@ -165,9 +164,9 @@ describe('More facets pagination', () => {
       expect(
         (
           el.shadowRoot?.querySelector(
-            '.page-numbers > button[data-page="1"]'
+            '.page-numbers > button[data-page="1"]',
           ) as HTMLButtonElement
-        ).classList.contains('current')
+        ).classList.contains('current'),
       ).to.be.true;
     });
 
@@ -176,7 +175,7 @@ describe('More facets pagination', () => {
         html`<more-facets-pagination
           .size=${'10'}
           .currentPage=${5}
-        ></more-facets-pagination>`
+        ></more-facets-pagination>`,
       );
 
       expect(el.currentPage).to.equal(5); // confirm current page
@@ -188,7 +187,7 @@ describe('More facets pagination', () => {
 
       // select first page button
       const forwardButton = el.shadowRoot?.querySelector(
-        '.facets-pagination > button.forward'
+        '.facets-pagination > button.forward',
       ) as HTMLButtonElement;
       forwardButton.click();
 

package/test/collection-facets/toggle-switch.test.ts

@@ -8,7 +8,7 @@ import '../../src/collection-facets/toggle-switch';
 describe('Toggle switch', () => {
   it('renders component', async () => {
     const el = await fixture<ToggleSwitch>(
-      html`<toggle-switch></toggle-switch>`
+      html`<toggle-switch></toggle-switch>`,
     );
 
     expect(el.shadowRoot?.querySelector('#switch-button')).to.exist;
@@ -17,7 +17,10 @@ describe('Toggle switch', () => {
 
   it('renders provided L/R values', async () => {
     const el = await fixture<ToggleSwitch>(
-      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`
+      html`<toggle-switch
+        .leftValue=${'L'}
+        .rightValue=${'R'}
+      ></toggle-switch>`,
     );
 
     expect(el.value).to.equal('L');
@@ -26,12 +29,12 @@ describe('Toggle switch', () => {
     expect(
       el.shadowRoot
         ?.querySelector('label[for=switch-left]')
-        ?.textContent?.trim()
+        ?.textContent?.trim(),
     ).to.equal('L');
     expect(
       el.shadowRoot
         ?.querySelector('label[for=switch-right]')
-        ?.textContent?.trim()
+        ?.textContent?.trim(),
     ).to.equal('R');
   });
 
@@ -42,28 +45,29 @@ describe('Toggle switch', () => {
         .leftLabel=${'L-label'}
         .rightValue=${'R'}
         .rightLabel=${'R-label'}
-      ></toggle-switch>`
+      ></toggle-switch>`,
     );
 
     expect(el.value).to.equal('L');
     expect(el.selectedLabel).to.equal('L-label');
 
     expect(
-      (el.shadowRoot?.querySelector('#switch-left') as HTMLInputElement)?.value
+      (el.shadowRoot?.querySelector('#switch-left') as HTMLInputElement)?.value,
     ).to.equal('L');
     expect(
-      (el.shadowRoot?.querySelector('#switch-right') as HTMLInputElement)?.value
+      (el.shadowRoot?.querySelector('#switch-right') as HTMLInputElement)
+        ?.value,
     ).to.equal('R');
 
     expect(
       el.shadowRoot
         ?.querySelector('label[for=switch-left]')
-        ?.textContent?.trim()
+        ?.textContent?.trim(),
     ).to.equal('L-label');
     expect(
       el.shadowRoot
         ?.querySelector('label[for=switch-right]')
-        ?.textContent?.trim()
+        ?.textContent?.trim(),
     ).to.equal('R-label');
   });
 
@@ -73,7 +77,7 @@ describe('Toggle switch', () => {
         .leftValue=${'L'}
         .rightValue=${'R'}
         .side=${'right'}
-      ></toggle-switch>`
+      ></toggle-switch>`,
     );
 
     expect(el.value).to.equal('R');
@@ -82,11 +86,14 @@ describe('Toggle switch', () => {
 
   it('toggles on click', async () => {
     const el = await fixture<ToggleSwitch>(
-      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`
+      html`<toggle-switch
+        .leftValue=${'L'}
+        .rightValue=${'R'}
+      ></toggle-switch>`,
     );
 
     const button = el.shadowRoot?.querySelector(
-      '#switch-button'
+      '#switch-button',
     ) as HTMLButtonElement;
 
     expect(el.value).to.equal('L');
@@ -102,14 +109,17 @@ describe('Toggle switch', () => {
 
   it('toggles on radio change', async () => {
     const el = await fixture<ToggleSwitch>(
-      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`
+      html`<toggle-switch
+        .leftValue=${'L'}
+        .rightValue=${'R'}
+      ></toggle-switch>`,
     );
 
     const leftRadio = el.shadowRoot?.querySelector(
-      '#switch-left'
+      '#switch-left',
     ) as HTMLInputElement;
     const rightRadio = el.shadowRoot?.querySelector(
-      '#switch-right'
+      '#switch-right',
     ) as HTMLInputElement;
 
     expect(el.value).to.equal('L');
@@ -130,11 +140,11 @@ describe('Toggle switch', () => {
         .leftValue=${'L'}
         .rightValue=${'R'}
         @change=${changeSpy}
-      ></toggle-switch>`
+      ></toggle-switch>`,
     );
 
     const button = el.shadowRoot?.querySelector(
-      '#switch-button'
+      '#switch-button',
     ) as HTMLButtonElement;
 
     button.click();
@@ -143,7 +153,7 @@ describe('Toggle switch', () => {
     expect(changeSpy.callCount).to.equal(1);
 
     const leftRadio = el.shadowRoot?.querySelector(
-      '#switch-left'
+      '#switch-left',
     ) as HTMLInputElement;
 
     leftRadio.click();