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

package/test/tiles/grid/collection-tile.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';
@@ -8,7 +9,7 @@ import '../../../src/tiles/grid/collection-tile';
 describe('Collection Tile', () => {
   it('should render initial component', async () => {
     const el = await fixture<CollectionTile>(
-      html`<collection-tile></collection-tile>`,
+      html`<collection-tile></collection-tile>`
     );
 
     const itemInfo = el.shadowRoot?.querySelector('.item-info');
@@ -39,7 +40,7 @@ describe('Collection Tile', () => {
     expect(itemInfo).to.exist;
     expect(itemTitle).to.exist;
     expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(
-      'Books',
+      'Books'
     );
   });
 
@@ -104,7 +105,7 @@ describe('Collection Tile', () => {
     `);
 
     const infoButton = el.shadowRoot?.querySelector(
-      '.info-button',
+      '.info-button'
     ) as HTMLButtonElement;
     infoButton.click();
     await el.updateComplete;

package/test/tiles/grid/item-tile.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';
@@ -25,7 +26,7 @@ describe('Item Tile', () => {
 
   it('should render with created-by element', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,
+      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`
     );
 
     const container = el.shadowRoot?.querySelector('.container');
@@ -45,7 +46,7 @@ describe('Item Tile', () => {
 
   it('should not render with created-by but date element', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`,
+      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`
     );
 
     el.sortParam = {
@@ -63,7 +64,7 @@ describe('Item Tile', () => {
 
   it('should not render with created-by but reviewdate element', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`,
+      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`
     );
 
     el.sortParam = {
@@ -81,7 +82,7 @@ describe('Item Tile', () => {
 
   it('should not render with created-by but publicdate element', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`,
+      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`
     );
 
     el.sortParam = {
@@ -99,7 +100,7 @@ describe('Item Tile', () => {
 
   it('should not render date-sorted-by element if date is not provided', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`,
+      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`
     );
 
     el.sortParam = {
@@ -117,7 +118,7 @@ describe('Item Tile', () => {
 
   it('should render without created-by when sorting by a date field', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`,
+      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`
     );
 
     el.sortParam = {
@@ -137,7 +138,7 @@ describe('Item Tile', () => {
 
   it('should render with created-by when sort field is not a date', async () => {
     const el = await fixture<ItemTile>(
-      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,
+      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`
     );
 
     el.sortParam = {
@@ -174,7 +175,7 @@ describe('Item Tile', () => {
     const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
     expect(dateSortedBy).to.exist;
     expect(dateSortedBy?.textContent?.trim()).to.contain(
-      'published Jan 02, 2012',
+      'published Jan 02, 2012'
     );
   });
 
@@ -218,7 +219,7 @@ describe('Item Tile', () => {
     const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
     expect(dateSortedBy).to.exist;
     expect(dateSortedBy?.textContent?.trim()).to.contain(
-      'archived Jan 02, 2011',
+      'archived Jan 02, 2011'
     );
   });
 
@@ -241,7 +242,7 @@ describe('Item Tile', () => {
     const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
     expect(dateSortedBy).to.exist;
     expect(dateSortedBy?.textContent?.trim()).to.contain(
-      'reviewed Jan 02, 2013',
+      'reviewed Jan 02, 2013'
     );
   });
 
@@ -348,7 +349,7 @@ describe('Item Tile', () => {
     `);
 
     const infoButton = el.shadowRoot?.querySelector(
-      '.info-button',
+      '.info-button'
     ) as HTMLButtonElement;
     infoButton.click();
     await el.updateComplete;
@@ -397,7 +398,7 @@ describe('Item Tile', () => {
     const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
     expect(firstDateLink, 'first date link').to.exist;
     expect(firstDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F'
     );
     expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');
 
@@ -405,7 +406,7 @@ describe('Item Tile', () => {
       captureDatesUl?.children[1]?.querySelector('a[href]');
     expect(secondDateLink, 'second date link').to.exist;
     expect(secondDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F'
     );
     expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');
   });

package/test/tiles/grid/search-tile.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { SearchTile } from '../../../src/tiles/grid/search-tile';
@@ -37,7 +38,7 @@ describe('Search Tile', () => {
     expect(itemInfo).to.exist;
     expect(itemTitle).to.exist;
     expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(
-      'searched query',
+      'searched query'
     );
   });
 

package/test/tiles/hover/hover-pane-controller.test.ts

@@ -66,7 +66,7 @@ describe('Hover Pane Controller', () => {
   before(() => {
     oldMatchMedia = window.matchMedia;
     oldOnTouchStart = window.ontouchstart;
-    window.matchMedia = () => ({ matches: true }) as MediaQueryList;
+    window.matchMedia = () => ({ matches: true } as MediaQueryList);
     window.ontouchstart = () => {};
   });
 
@@ -77,7 +77,7 @@ describe('Hover Pane Controller', () => {
 
   it('should initially provide empty template', async () => {
     const host = await fixture<HostElement>(
-      html`<host-element></host-element>`,
+      html`<host-element></host-element>`
     );
     expect(host.controller?.getTemplate()).to.equal(nothing);
   });
@@ -86,7 +86,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mousemove'));
@@ -110,7 +110,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mouseenter'));
@@ -126,7 +126,7 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     // Enter the host element and wait for the show handlers to run
@@ -155,11 +155,11 @@ describe('Hover Pane Controller', () => {
     const host = await fixture<HostElement>(
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(
-      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),
+      new MouseEvent('mousemove', { clientX: 800, clientY: 600 })
     );
     // Need to wait a tick for the event handlers to run
     await new Promise(resolve => {
@@ -169,10 +169,10 @@ describe('Hover Pane Controller', () => {
 
     expect(host.controller?.getTemplate()).not.to.equal(nothing);
     expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(
-      window.innerWidth,
+      window.innerWidth
     );
     expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(
-      window.innerHeight,
+      window.innerHeight
     );
   });
 
@@ -181,7 +181,7 @@ describe('Hover Pane Controller', () => {
       html`<host-element
         .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
         ?suppressHoverPane=${true}
-      ></host-element>`,
+      ></host-element>`
     );
 
     host.dispatchEvent(new MouseEvent('mousemove'));
@@ -225,7 +225,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 0,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element and wait for the long press handlers to run
@@ -245,7 +245,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -271,7 +271,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -297,7 +297,7 @@ describe('Hover Pane Controller', () => {
             longPressDelay: 100,
             enableLongPress: true,
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element
@@ -325,7 +325,7 @@ describe('Hover Pane Controller', () => {
             enableLongPress: true,
             mobileBreakpoint: 9999, // Ensure we get the mobile view
           }}
-        ></host-element>`,
+        ></host-element>`
       );
 
       // Touch the host element

package/test/tiles/hover/tile-hover-pane.test.ts

@@ -8,7 +8,7 @@ import '../../../src/tiles/hover/tile-hover-pane';
 describe('Tile Hover Pane', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane></tile-hover-pane>`,
+      html`<tile-hover-pane></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -25,7 +25,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -36,7 +36,7 @@ describe('Tile Hover Pane', () => {
     expect(listView).to.exist;
     expect(headerElement).to.exist;
     expect(headerElement?.querySelector('a')?.getAttribute('href')).contains(
-      '/details/collection1',
+      '/details/collection1'
     );
   });
 
@@ -47,7 +47,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');
@@ -66,7 +66,7 @@ describe('Tile Hover Pane', () => {
     };
 
     const el = await fixture<TileHoverPane>(
-      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,
+      html`<tile-hover-pane .model=${model}></tile-hover-pane>`
     );
 
     const container = el.shadowRoot?.querySelector('#container');

package/test/tiles/list/tile-list-compact.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';
@@ -8,7 +9,7 @@ import type { TileModel } from '../../../src/models';
 describe('List Tile Compact', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileListCompact>(
-      html`<tile-list-compact></tile-list-compact>`,
+      html`<tile-list-compact></tile-list-compact>`
     );
 
     const listContainer = el.shadowRoot?.querySelector('#list-line');

package/test/tiles/list/tile-list.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import type { TileList } from '../../../src/tiles/list/tile-list';
@@ -8,7 +9,7 @@ import type { TileModel } from '../../../src/models';
 describe('List Tile', () => {
   it('should render initial component', async () => {
     const el = await fixture<TileList>(
-      html`<tile-list .model=${{}}></tile-list>`,
+      html`<tile-list .model=${{}}></tile-list>`
     );
 
     const listContainer = el.shadowRoot?.querySelector('#list-line');
@@ -95,7 +96,7 @@ describe('List Tile', () => {
     const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
     expect(collectionLinks?.length).to.equal(1);
     expect(collectionLinks?.item(0).getAttribute('href')).to.equal(
-      'base/details/foo',
+      'base/details/foo'
     );
   });
 
@@ -114,7 +115,7 @@ describe('List Tile', () => {
     const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
     expect(collectionLinks?.length).to.equal(1);
     expect(collectionLinks?.item(0).getAttribute('href')).to.equal(
-      'base/details/bar',
+      'base/details/bar'
     );
   });
 
@@ -281,19 +282,19 @@ describe('List Tile', () => {
     const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');
     expect(subjectLink).to.exist;
     expect(subjectLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('subject:"foo"')}`,
+      `/search?query=${encodeURIComponent('subject:"foo"')}`
     );
 
     const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');
     expect(creatorLink).to.exist;
     expect(creatorLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('creator:"bar"')}`,
+      `/search?query=${encodeURIComponent('creator:"bar"')}`
     );
 
     const sourceLink = el.shadowRoot?.querySelector('#source a[href]');
     expect(sourceLink).to.exist;
     expect(sourceLink?.getAttribute('href')).to.equal(
-      `/search?query=${encodeURIComponent('source:"baz"')}`,
+      `/search?query=${encodeURIComponent('source:"baz"')}`
     );
   });
 
@@ -322,7 +323,7 @@ describe('List Tile', () => {
     const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
     expect(mediatypeLink).to.exist;
     expect(mediatypeLink?.getAttribute('href')).to.equal(
-      `https://archive.org/details/texts`,
+      `https://archive.org/details/texts`
     );
   });
 
@@ -355,7 +356,7 @@ describe('List Tile', () => {
     const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
     expect(mediatypeLink).to.exist;
     expect(mediatypeLink?.getAttribute('href')).to.equal(
-      `https://archive.org/search?query=mediatype:collection&sort=-downloads`,
+      `https://archive.org/search?query=mediatype:collection&sort=-downloads`
     );
   });
 
@@ -415,7 +416,7 @@ describe('List Tile', () => {
     const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
     expect(firstDateLink, 'first date link').to.exist;
     expect(firstDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F'
     );
     expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');
 
@@ -423,7 +424,7 @@ describe('List Tile', () => {
       captureDatesUl?.children[1]?.querySelector('a[href]');
     expect(secondDateLink, 'second date link').to.exist;
     expect(secondDateLink?.getAttribute('href')).to.equal(
-      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',
+      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F'
     );
     expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');
   });

package/test/tiles/tile-dispatcher.test.ts

@@ -96,7 +96,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     const tileLink = el.shadowRoot?.querySelector(
-      'a[href]',
+      'a[href]'
     ) as HTMLAnchorElement;
     expect(tileLink).to.exist;
 
@@ -120,7 +120,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     const manageCheck = el.shadowRoot?.querySelector(
-      '.manage-check > input[type="checkbox"]',
+      '.manage-check > input[type="checkbox"]'
     ) as HTMLButtonElement;
 
     manageCheck.click();
@@ -138,7 +138,7 @@ describe('Tile Dispatcher', () => {
     `);
 
     expect(el.getHoverPaneProps()).to.satisfy(
-      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',
+      (props: HoverPaneProperties) => props?.model?.identifier === 'foo'
     );
   });
 
@@ -148,7 +148,7 @@ describe('Tile Dispatcher', () => {
     before(() => {
       oldMatchMedia = window.matchMedia;
       // Pretend that there is no hover-capable input device
-      window.matchMedia = () => ({ matches: false }) as MediaQueryList;
+      window.matchMedia = () => ({ matches: false } as MediaQueryList);
     });
 
     after(() => {
@@ -169,7 +169,7 @@ describe('Tile Dispatcher', () => {
       expect(itemTile).to.exist;
 
       const infoButton = itemTile.shadowRoot?.querySelector(
-        '.info-button',
+        '.info-button'
       ) as HTMLButtonElement;
       expect(infoButton).to.exist;
 

package/test/utils/format-count.test.ts

@@ -22,7 +22,7 @@ describe('formatCount', () => {
 
   it('returns decimal when value of significant digits < 10', () => {
     expect(formatCount(testCount * 10, 'short', 'long')).to.equal(
-      '8.1 million',
+      '8.1 million'
     );
   });
 

package/test/utils/format-date.test.ts

@@ -29,7 +29,7 @@ describe('formatDate', () => {
     // receive from the search engine for date metadata that only specifies the year.
     // So we must ensure these older dates still output the correct year, not the prior one.
     expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(
-      '1234',
+      '1234'
     );
   });
 

package/test/utils/local-date-from-utc.test.ts

@@ -9,7 +9,7 @@ describe('localDateFromUTC', () => {
     const date = new Date(1990, 1, 2, 3, 4, 5, 6);
     const dateFromUTC = new Date(Date.UTC(1990, 1, 2, 3, 4, 5, 6));
     expect(localDateFromUTC(date).toISOString()).to.equal(
-      dateFromUTC.toISOString(),
+      dateFromUTC.toISOString()
     );
   });
 });

package/tsconfig.json

@@ -15,6 +15,7 @@
     "inlineSources": true,
     "rootDir": "./",
     "declaration": true,
+    "importsNotUsedAsValues": "error"
   },
   "include": ["src", "test", "index.ts", "types"],
 }

package/web-dev-server.config.mjs

@@ -1,30 +1,30 @@
-// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
-
-/** Use Hot Module replacement by adding --hmr to the start command */
-const hmr = process.argv.includes('--hmr');
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  nodeResolve: true,
-  open: '/',
-  watch: !hmr,
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto'
-
-  /** Set appIndex to enable SPA routing */
-  // appIndex: 'demo/index.html',
-
-  /** Confgure bare import resolve plugin */
-  // nodeResolve: {
-  //   exportConditions: ['browser', 'development']
-  // },
-
-  plugins: [
-    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
-    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
-  ],
-
-  http2: true,
-  sslCert: './local.archive.org.cert',
-  sslKey: './local.archive.org.key',
-});
+// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
+
+/** Use Hot Module replacement by adding --hmr to the start command */
+const hmr = process.argv.includes('--hmr');
+
+export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
+  nodeResolve: true,
+  open: '/',
+  watch: !hmr,
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto'
+
+  /** Set appIndex to enable SPA routing */
+  // appIndex: 'demo/index.html',
+
+  /** Confgure bare import resolve plugin */
+  // nodeResolve: {
+  //   exportConditions: ['browser', 'development']
+  // },
+
+  plugins: [
+    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
+    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
+  ],
+
+  http2: true,
+  sslCert: './local.archive.org.cert',
+  sslKey: './local.archive.org.key',
+});

package/web-test-runner.config.mjs

@@ -1,41 +1,41 @@
-// import { playwrightLauncher } from '@web/test-runner-playwright';
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
-
-export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
-  /** Test files to run */
-  files: 'dist/test/**/*.test.js',
-
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
-        return false;
-      }
-    }
-    return true;
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto',
-
-  /** Amount of browsers to run concurrently */
-  // concurrentBrowsers: 2,
-
-  /** Amount of test files per browser to test concurrently */
-  // concurrency: 1,
-
-  /** Browsers to run tests on */
-  // browsers: [
-  //   playwrightLauncher({ product: 'chromium' }),
-  //   playwrightLauncher({ product: 'firefox' }),
-  //   playwrightLauncher({ product: 'webkit' }),
-  // ],
-
-  // See documentation for all available options
-});
+// import { playwrightLauncher } from '@web/test-runner-playwright';
+
+const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
+
+export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
+  /** Test files to run */
+  files: 'dist/test/**/*.test.js',
+
+  /** Resolve bare module imports */
+  nodeResolve: {
+    exportConditions: ['browser', 'development'],
+  },
+
+  /** Filter out lit dev mode logs */
+  filterBrowserLogs(log) {
+    for (const arg of log.args) {
+      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
+        return false;
+      }
+    }
+    return true;
+  },
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto',
+
+  /** Amount of browsers to run concurrently */
+  // concurrentBrowsers: 2,
+
+  /** Amount of test files per browser to test concurrently */
+  // concurrency: 1,
+
+  /** Browsers to run tests on */
+  // browsers: [
+  //   playwrightLauncher({ product: 'chromium' }),
+  //   playwrightLauncher({ product: 'firefox' }),
+  //   playwrightLauncher({ product: 'webkit' }),
+  // ],
+
+  // See documentation for all available options
+});

package/.prettierignore

@@ -1 +0,0 @@
-coverage