@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.8-alpha1

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,14 +129,11 @@ 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');
@@ -150,7 +147,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;
@@ -169,11 +166,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();
@@ -203,11 +200,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();
@@ -237,11 +234,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();
@@ -271,11 +268,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();
@@ -305,11 +302,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,3 +1,4 @@
+/* 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';
@@ -34,7 +35,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;
@@ -45,7 +46,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;
@@ -60,7 +61,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';
@@ -77,7 +78,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';
@@ -85,7 +86,7 @@ describe('More facets content', () => {
     await el.updateComplete;
 
     expect(searchService.searchParams?.query).to.equal(
-      'collection-aggregations',
+      'collection-aggregations'
     );
   });
 
@@ -99,7 +100,7 @@ describe('More facets content', () => {
           pageType: 'collection_details',
           pageTarget: 'foobar',
         }}
-      ></more-facets-content>`,
+      ></more-facets-content>`
     );
 
     el.facetKey = 'subject';
@@ -119,7 +120,7 @@ describe('More facets content', () => {
           pageType: 'collection_details',
           pageTarget: 'foobar',
         }}
-      ></more-facets-content>`,
+      ></more-facets-content>`
     );
 
     el.facetKey = 'subject';
@@ -137,7 +138,7 @@ describe('More facets content', () => {
       html`<more-facets-content
         .searchService=${searchService}
         .selectedFacets=${selectedFacetsGroup}
-      ></more-facets-content>`,
+      ></more-facets-content>`
     );
 
     el.facetKey = 'collection';
@@ -156,11 +157,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;
 
@@ -189,12 +190,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();
@@ -214,12 +215,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,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture, oneEvent } from '@open-wc/testing';
 import { html } from 'lit';
 import sinon from 'sinon';
@@ -12,13 +13,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);
 
@@ -30,7 +31,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;
@@ -41,7 +42,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;
@@ -56,7 +57,7 @@ describe('More facets pagination', () => {
       html`<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`,
+      ></more-facets-pagination>`
     );
 
     await el.updateComplete;
@@ -66,7 +67,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);
   });
@@ -76,7 +77,7 @@ describe('More facets pagination', () => {
       html`<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`,
+      ></more-facets-pagination>`
     );
 
     await el.updateComplete;
@@ -87,15 +88,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);
@@ -105,7 +106,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
@@ -117,7 +118,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;
@@ -139,7 +140,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
@@ -151,7 +152,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();
 
@@ -164,9 +165,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;
     });
 
@@ -175,7 +176,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
@@ -187,7 +188,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,10 +17,7 @@ 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');
@@ -29,12 +26,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');
   });
 
@@ -45,29 +42,28 @@ 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');
   });
 
@@ -77,7 +73,7 @@ describe('Toggle switch', () => {
         .leftValue=${'L'}
         .rightValue=${'R'}
         .side=${'right'}
-      ></toggle-switch>`,
+      ></toggle-switch>`
     );
 
     expect(el.value).to.equal('R');
@@ -86,14 +82,11 @@ 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');
@@ -109,17 +102,14 @@ 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');
@@ -140,11 +130,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();
@@ -153,7 +143,7 @@ describe('Toggle switch', () => {
     expect(changeSpy.callCount).to.equal(1);
 
     const leftRadio = el.shadowRoot?.querySelector(
-      '#switch-left',
+      '#switch-left'
     ) as HTMLInputElement;
 
     leftRadio.click();