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

package/test/collection-facets.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import sinon from 'sinon';
 import { html } from 'lit';
@@ -21,24 +22,24 @@ import type { FacetRow } from '../src/collection-facets/facet-row';
 describe('Collection Facets', () => {
   it('has loader', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets ?facetsLoading=${true}></collection-facets>`,
+      html`<collection-facets ?facetsLoading=${true}></collection-facets>`
     );
 
     expect(
-      el.shadowRoot?.querySelector('#container')?.classList.contains('loading'),
+      el.shadowRoot?.querySelector('#container')?.classList.contains('loading')
     ).to.be.true;
 
     el.facetsLoading = false;
     await el.updateComplete;
 
     expect(
-      el.shadowRoot?.querySelector('#container')?.classList.contains('loading'),
+      el.shadowRoot?.querySelector('#container')?.classList.contains('loading')
     ).to.be.false;
   });
 
   it('renders a date picker loading placeholder when date picker enabled', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = true;
@@ -46,14 +47,14 @@ describe('Collection Facets', () => {
     await el.updateComplete;
 
     const histogramLoader = el.shadowRoot?.querySelector(
-      '.histogram-loading-indicator',
+      '.histogram-loading-indicator'
     );
     expect(histogramLoader).to.exist;
   });
 
   it('does not render a date picker loading placeholder when date picker disabled', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = true;
@@ -61,14 +62,14 @@ describe('Collection Facets', () => {
     await el.updateComplete;
 
     const histogramLoader = el.shadowRoot?.querySelector(
-      '.histogram-loading-indicator',
+      '.histogram-loading-indicator'
     );
     expect(histogramLoader).to.be.null;
   });
 
   it('renders the date picker when enabled with data present', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -86,7 +87,7 @@ describe('Collection Facets', () => {
 
   it('does not render the date picker when disabled', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -104,7 +105,7 @@ describe('Collection Facets', () => {
 
   it('renders button to expand the date picker when allowed', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -123,7 +124,7 @@ describe('Collection Facets', () => {
 
   it('does not render button to expand the date picker when disallowed', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -144,7 +145,7 @@ describe('Collection Facets', () => {
     const el = await fixture<CollectionFacets>(
       html`<collection-facets
         .modalManager=${new ModalManager()}
-      ></collection-facets>`,
+      ></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -158,13 +159,13 @@ describe('Collection Facets', () => {
     await el.updateComplete;
 
     const expandBtn = el.shadowRoot?.querySelector(
-      '.expand-date-picker-btn',
+      '.expand-date-picker-btn'
     ) as HTMLButtonElement;
     expect(expandBtn).to.exist;
 
     const showModalSpy = sinon.spy(
       el.modalManager as ModalManagerInterface,
-      'showModal',
+      'showModal'
     );
 
     // Click the expand button to open the modal
@@ -178,7 +179,7 @@ describe('Collection Facets', () => {
 
   it('renders aggregations as facets', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     const aggs: Record<string, Aggregation> = {
@@ -201,11 +202,11 @@ describe('Collection Facets', () => {
     const facetGroupHeader = titleFacetGroup?.querySelector('h3');
     // Every facet group header has an invisible " filters" suffix for screen-readers
     expect(
-      facetGroupHeader?.querySelector('span.sr-only')?.textContent?.trim(),
+      facetGroupHeader?.querySelector('span.sr-only')?.textContent?.trim()
     ).to.equal('filters');
     // Ignoring the screen-reader suffix, we should be left with only the readable, capitalized title
     expect(
-      facetGroupHeader?.textContent?.trim().replace(/\s*filters$/, ''),
+      facetGroupHeader?.textContent?.trim().replace(/\s*filters$/, '')
     ).to.equal('Subject');
 
     const titleFacetRow = titleFacetGroup
@@ -214,13 +215,13 @@ describe('Collection Facets', () => {
     await titleFacetRow.updateComplete;
 
     expect(titleFacetRow?.shadowRoot?.textContent?.trim()).to.satisfy(
-      (text: string) => /^foo\s*5$/.test(text),
+      (text: string) => /^foo\s*5$/.test(text)
     );
   });
 
   it('renders multiple aggregation types', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     const aggs: Record<string, Aggregation> = {
@@ -251,7 +252,7 @@ describe('Collection Facets', () => {
 
   it('does not render suppressed collection facets', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     const aggs: Record<string, Aggregation> = {
@@ -505,7 +506,7 @@ describe('Collection Facets', () => {
 
   it('always renders the mediatype:collection facet when present', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     const aggs: Record<string, Aggregation> = {
@@ -552,7 +553,7 @@ describe('Collection Facets', () => {
 
     const facetsTemplate = el.shadowRoot?.querySelector('facets-template');
     const facetRows = facetsTemplate?.shadowRoot?.querySelectorAll(
-      'facet-row',
+      'facet-row'
     ) as ArrayLike<FacetRow>;
     expect(facetRows?.length).to.equal(6);
     expect(facetRows?.[5]?.bucket?.key).to.equal('collection');
@@ -560,7 +561,7 @@ describe('Collection Facets', () => {
 
   it('renders the mediatype:collection facet even when >=6 other mediatypes are selected', async () => {
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets></collection-facets>`,
+      html`<collection-facets></collection-facets>`
     );
 
     const aggs: Record<string, Aggregation> = {
@@ -619,7 +620,7 @@ describe('Collection Facets', () => {
 
     const facetsTemplate = el.shadowRoot?.querySelector('facets-template');
     const facetRows = facetsTemplate?.shadowRoot?.querySelectorAll(
-      'facet-row',
+      'facet-row'
     ) as ArrayLike<FacetRow>;
     expect(facetRows?.length).to.equal(8);
     expect(facetRows?.[7]?.bucket?.key).to.equal('collection');
@@ -628,7 +629,7 @@ describe('Collection Facets', () => {
   describe('More Facets', () => {
     it('Does not render < allowedFacetCount', async () => {
       const el = await fixture<CollectionFacets>(
-        html`<collection-facets></collection-facets>`,
+        html`<collection-facets></collection-facets>`
       );
 
       const aggs: Record<string, Aggregation> = {
@@ -653,7 +654,7 @@ describe('Collection Facets', () => {
       const el = await fixture<CollectionFacets>(
         html`<collection-facets
           .modalManager=${new ModalManager()}
-        ></collection-facets>`,
+        ></collection-facets>`
       );
 
       const aggs: Record<string, Aggregation> = {
@@ -702,13 +703,13 @@ describe('Collection Facets', () => {
       });
 
       const moreLink = el.shadowRoot?.querySelector(
-        '.more-link',
+        '.more-link'
       ) as HTMLButtonElement;
       expect(moreLink).to.exist; // has link
 
       const showModalSpy = sinon.spy(
         el.modalManager as ModalManagerInterface,
-        'showModal',
+        'showModal'
       );
       // let's pop up modal
       moreLink?.click();
@@ -728,7 +729,7 @@ describe('Collection Facets', () => {
     const el = await fixture<CollectionFacets>(
       html`<collection-facets
         .analyticsHandler=${mockAnalyticsHandler}
-      ></collection-facets>`,
+      ></collection-facets>`
     );
     const aggs: Record<string, Aggregation> = {
       subject: new Aggregation({
@@ -769,7 +770,7 @@ describe('Collection Facets', () => {
     await el.updateComplete;
 
     const moreLink = el.shadowRoot?.querySelector(
-      '.more-link',
+      '.more-link'
     ) as HTMLButtonElement;
 
     expect(moreLink).to.exist; // has link
@@ -793,7 +794,7 @@ describe('Collection Facets', () => {
           ['bar', 'bar-name'],
           ['baz', 'baz-name'],
         ])}
-      ></collection-facets>`,
+      ></collection-facets>`
     );
 
     const partOfSection = el.shadowRoot?.querySelector('.partof-collections');
@@ -811,7 +812,7 @@ describe('Collection Facets', () => {
   it('does not include Part Of section without parent collections', async () => {
     // No parentCollections prop
     const el = await fixture<CollectionFacets>(
-      html`<collection-facets .withinCollection=${'foo'}></collection-facets>`,
+      html`<collection-facets .withinCollection=${'foo'}></collection-facets>`
     );
 
     const partOfSection = el.shadowRoot?.querySelector('.partof-collections');
@@ -824,7 +825,7 @@ describe('Collection Facets', () => {
     const el = await fixture<CollectionFacets>(
       html`<collection-facets
         .analyticsHandler=${mockAnalyticsHandler}
-      ></collection-facets>`,
+      ></collection-facets>`
     );
 
     el.fullYearAggregationLoading = false;
@@ -838,7 +839,7 @@ describe('Collection Facets', () => {
     await el.updateComplete;
 
     const expandBtn = el.shadowRoot?.querySelector(
-      '.expand-date-picker-btn',
+      '.expand-date-picker-btn'
     ) as HTMLButtonElement;
     expect(expandBtn).to.exist;
 
@@ -860,11 +861,11 @@ describe('Collection Facets', () => {
         .withinCollection=${'foo'}
         .parentCollections=${['bar']}
         .analyticsHandler=${mockAnalyticsHandler}
-      ></collection-facets>`,
+      ></collection-facets>`
     );
 
     const partOfLinks = el.shadowRoot?.querySelectorAll(
-      '.partof-collections a[href]',
+      '.partof-collections a[href]'
     );
     expect(partOfLinks?.length).to.equal(1);
 

package/test/data-source/collection-browser-data-source.test.ts

@@ -14,14 +14,14 @@ const dataPage: TileModel[] = [
       fields: {
         identifier: 'foo',
       },
-    }),
+    })
   ),
   new TileModel(
     new ItemHit({
       fields: {
         identifier: 'bar',
       },
-    }),
+    })
   ),
 ];
 

package/test/empty-placeholder.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import '../src/empty-placeholder';
@@ -7,7 +8,7 @@ import type { EmptyPlaceholder } from '../src/empty-placeholder';
 describe('Empty Placeholder', () => {
   it('should render with empty-query placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = 'empty-query';
@@ -20,7 +21,7 @@ describe('Empty Placeholder', () => {
 
   it('should render with empty-collection placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = 'empty-collection';
@@ -33,7 +34,7 @@ describe('Empty Placeholder', () => {
 
   it('should render with no-results placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = 'no-results';
@@ -46,7 +47,7 @@ describe('Empty Placeholder', () => {
 
   it('should render with query-error placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = 'query-error';
@@ -59,7 +60,7 @@ describe('Empty Placeholder', () => {
 
   it('should render with collection-error placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = 'collection-error';
@@ -72,7 +73,7 @@ describe('Empty Placeholder', () => {
 
   it('should not render any empty placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(
-      html`<empty-placeholder></empty-placeholder>`,
+      html`<empty-placeholder></empty-placeholder>`
     );
 
     el.placeholderType = null;

package/test/expanded-date-picker.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import type { HistogramDateRange } from '@internetarchive/histogram-date-range';
 import {
   ModalManager,
@@ -19,7 +20,7 @@ import {
 describe('Expanded Date Picker', () => {
   it('should render with a date picker and Apply button', async () => {
     const el = await fixture<ExpandedDatePicker>(
-      html`<expanded-date-picker></expanded-date-picker>`,
+      html`<expanded-date-picker></expanded-date-picker>`
     );
 
     expect(el.shadowRoot?.querySelector('#date-picker')).to.exist;
@@ -34,11 +35,11 @@ describe('Expanded Date Picker', () => {
         .maxDate=${'5'}
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
-      ></expanded-date-picker>`,
+      ></expanded-date-picker>`
     );
 
     const datePicker = el.shadowRoot?.querySelector(
-      '#date-picker',
+      '#date-picker'
     ) as HistogramDateRange;
     expect(datePicker).to.exist;
 
@@ -50,7 +51,7 @@ describe('Expanded Date Picker', () => {
           minDate: datePicker.minSelectedDate,
           maxDate: datePicker.maxSelectedDate,
         },
-      }),
+      })
     );
     await el.updateComplete;
 
@@ -68,11 +69,11 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         @histogramDateRangeApplied=${applySpy}
-      ></expanded-date-picker>`,
+      ></expanded-date-picker>`
     );
 
     const applyBtn = el.shadowRoot?.querySelector(
-      '#apply-btn',
+      '#apply-btn'
     ) as HTMLButtonElement;
     expect(applyBtn).to.exist;
 
@@ -81,7 +82,7 @@ describe('Expanded Date Picker', () => {
 
     expect(applySpy.callCount).to.equal(1);
     expect(
-      applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }),
+      applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } })
     );
   });
 
@@ -100,11 +101,11 @@ describe('Expanded Date Picker', () => {
         .maxSelectedDate=${'5'}
         .modalManager=${modalManager}
         @modalClosed=${modalClosed}
-      ></expanded-date-picker>`,
+      ></expanded-date-picker>`
     );
 
     const applyBtn = el.shadowRoot?.querySelector(
-      '#apply-btn',
+      '#apply-btn'
     ) as HTMLButtonElement;
     expect(applyBtn).to.exist;
 
@@ -124,12 +125,12 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         .modalManager=${new ModalManager()}
-      ></expanded-date-picker>`,
+      ></expanded-date-picker>`
     );
 
     const closeModalSpy = sinon.spy(
       el.modalManager as ModalManagerInterface,
-      'closeModal',
+      'closeModal'
     );
 
     // Dispatch an Esc keydown event
@@ -149,11 +150,11 @@ describe('Expanded Date Picker', () => {
         .minDate=${'1'}
         .maxDate=${'5'}
         .analyticsHandler=${analyticsHandler}
-      ></expanded-date-picker>`,
+      ></expanded-date-picker>`
     );
 
     const applyBtn = el.shadowRoot?.querySelector(
-      '#apply-btn',
+      '#apply-btn'
     ) as HTMLButtonElement;
     expect(applyBtn).to.exist;
 
@@ -162,12 +163,12 @@ describe('Expanded Date Picker', () => {
 
     expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
     expect(analyticsHandler.callAction).to.equal(
-      analyticsActions.histogramChangedFromModal,
+      analyticsActions.histogramChangedFromModal
     );
     expect(analyticsHandler.callLabel).to.equal(window.location.href);
 
     const datePicker = el.shadowRoot?.querySelector(
-      '#date-picker',
+      '#date-picker'
     ) as HistogramDateRange;
     expect(datePicker).to.exist;
 
@@ -179,7 +180,7 @@ describe('Expanded Date Picker', () => {
           minDate: datePicker.minSelectedDate,
           maxDate: datePicker.maxSelectedDate,
         },
-      }),
+      })
     );
     await el.updateComplete;
 
@@ -188,7 +189,7 @@ describe('Expanded Date Picker', () => {
 
     expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
     expect(analyticsHandler.callAction).to.equal(
-      analyticsActions.histogramChangedFromModal,
+      analyticsActions.histogramChangedFromModal
     );
     expect(analyticsHandler.callLabel).to.equal(window.location.href);
   });

package/test/icon-overlay.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { IconOverlay } from '../src/tiles/overlay/icon-overlay';

package/test/image-block.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { ImageBlock } from '../src/tiles/image-block';
@@ -101,7 +102,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).to.exist;
     expect(textOverlay.type).to.equal('login-required');
@@ -124,7 +125,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).not.to.exist;
   });
@@ -146,7 +147,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).to.exist;
     expect(textOverlay.type).to.equal('content-warning');
@@ -170,7 +171,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).to.exist;
     expect(textOverlay.type).to.equal('login-required');
@@ -194,7 +195,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).to.exist;
     expect(textOverlay.type).to.equal('content-warning');
@@ -216,7 +217,7 @@ describe('Image block component', () => {
     `);
 
     const textOverlay = el.shadowRoot?.querySelector(
-      'text-overlay',
+      'text-overlay'
     ) as TextOverlay;
     expect(textOverlay).not.to.exist;
   });

package/test/item-image.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 

package/test/manage/manage-bar.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import Sinon from 'sinon';
@@ -17,10 +18,10 @@ describe('Manage bar', () => {
 
   it('can set the label', async () => {
     const el = await fixture<ManageBar>(
-      html`<manage-bar label="foo bar"></manage-bar>`,
+      html`<manage-bar label="foo bar"></manage-bar>`
     );
     expect(el.shadowRoot?.querySelector('.manage-label')?.textContent).to.equal(
-      'foo bar',
+      'foo bar'
     );
   });
 
@@ -37,21 +38,21 @@ describe('Manage bar', () => {
 
   it('render item manager button for /search/ page', async () => {
     const el = await fixture<ManageBar>(
-      html`<manage-bar .pageContext=${'search'}></manage-bar>`,
+      html`<manage-bar .pageContext=${'search'}></manage-bar>`
     );
     expect(el.shadowRoot?.querySelector('.ia-button.warning')).to.exist;
   });
 
   it('includes Select All button when requested', async () => {
     const el = await fixture<ManageBar>(
-      html`<manage-bar showSelectAll></manage-bar>`,
+      html`<manage-bar showSelectAll></manage-bar>`
     );
     expect(el.shadowRoot?.querySelector('.select-all-btn')).to.exist;
   });
 
   it('includes Unselect All button when requested', async () => {
     const el = await fixture<ManageBar>(
-      html`<manage-bar showUnselectAll></manage-bar>`,
+      html`<manage-bar showUnselectAll></manage-bar>`
     );
     expect(el.shadowRoot?.querySelector('.unselect-all-btn')).to.exist;
   });
@@ -71,11 +72,11 @@ describe('Manage bar', () => {
   it('emits event when Cancel button clicked', async () => {
     const spy = Sinon.spy();
     const el = await fixture<ManageBar>(
-      html`<manage-bar @cancel=${spy}></manage-bar>`,
+      html`<manage-bar @cancel=${spy}></manage-bar>`
     );
 
     const cancelBtn = el.shadowRoot?.querySelector(
-      '.ia-button.dark',
+      '.ia-button.dark'
     ) as HTMLButtonElement;
     expect(cancelBtn).to.exist;
 
@@ -86,11 +87,11 @@ describe('Manage bar', () => {
   it('emits event when Remove Items button clicked', async () => {
     const spy = Sinon.spy();
     const el = await fixture<ManageBar>(
-      html`<manage-bar @removeItems=${spy} removeAllowed></manage-bar>`,
+      html`<manage-bar @removeItems=${spy} removeAllowed></manage-bar>`
     );
 
     const removeItemsBtn = el.shadowRoot?.querySelector(
-      '.ia-button.danger',
+      '.ia-button.danger'
     ) as HTMLButtonElement;
     expect(removeItemsBtn).to.exist;
 
@@ -101,11 +102,11 @@ describe('Manage bar', () => {
   it('emits event when Select All button clicked', async () => {
     const spy = Sinon.spy();
     const el = await fixture<ManageBar>(
-      html`<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`,
+      html`<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`
     );
 
     const selectAllBtn = el.shadowRoot?.querySelector(
-      '.select-all-btn',
+      '.select-all-btn'
     ) as HTMLButtonElement;
     expect(selectAllBtn).to.exist;
 
@@ -116,11 +117,11 @@ describe('Manage bar', () => {
   it('emits event when Unselect All button clicked', async () => {
     const spy = Sinon.spy();
     const el = await fixture<ManageBar>(
-      html`<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`,
+      html`<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`
     );
 
     const unselectAllBtn = el.shadowRoot?.querySelector(
-      '.unselect-all-btn',
+      '.unselect-all-btn'
     ) as HTMLButtonElement;
     expect(unselectAllBtn).to.exist;