@internetarchive/collection-browser 0.2.12 → 0.2.14-alpha1

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

@@ -0,0 +1,70 @@
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import type { MoreFacetsPagination } from '../../src/collection-facets/more-facets-pagination';
+import '../../src/collection-facets/more-facets-pagination';
+
+describe('More facets pagination', () => {
+  it('should render pagination container', async () => {
+    const el = await fixture<MoreFacetsPagination>(
+      html`<more-facets-pagination></more-facets-pagination>`
+    );
+
+    expect(el.shadowRoot?.querySelector('.facets-pagination')).to.exist;
+  });
+
+  it('should render pagination arrow icon', async () => {
+    const el = await fixture<MoreFacetsPagination>(
+      html`<more-facets-pagination></more-facets-pagination>`
+    );
+
+    expect(
+      el.shadowRoot
+        ?.querySelectorAll('.arrow-icon')[0]
+        ?.querySelector('svg')
+        ?.querySelector('title')?.textContent
+    ).to.equal('Go left icon');
+  });
+
+  it('should render pagination right arrow icon', async () => {
+    const el = await fixture<MoreFacetsPagination>(
+      html`<more-facets-pagination></more-facets-pagination>`
+    );
+
+    expect(
+      el.shadowRoot
+        ?.querySelectorAll('.arrow-icon')[1]
+        ?.querySelector('svg')
+        ?.querySelector('title')?.textContent
+    ).to.equal('Go right icon');
+  });
+
+  it('should render pagination pages', async () => {
+    const el = await fixture<MoreFacetsPagination>(
+      html`<more-facets-pagination></more-facets-pagination>`
+    );
+
+    el.size = 2;
+    await el.updateComplete;
+
+    // at a time we render 5 pages
+    expect(
+      el.shadowRoot?.querySelector('.page-numbers')?.children.length
+    ).to.equal(5);
+  });
+
+  it('should render current page as active page', async () => {
+    const el = await fixture<MoreFacetsPagination>(
+      html`<more-facets-pagination></more-facets-pagination>`
+    );
+
+    el.size = 2;
+    el.currentPage = 3;
+    await el.updateComplete;
+
+    expect(
+      el.shadowRoot?.querySelector('.page-numbers')?.querySelector('.current')
+        ?.textContent
+    ).to.contains(3);
+  });
+});

package/test/empty-placeholder.test.ts

@@ -1,9 +1,10 @@
 /* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
-import { EmptyPlaceholder } from '../src/empty-placeholder';
 import '../src/empty-placeholder';
 
+import type { EmptyPlaceholder } from '../src/empty-placeholder';
+
 describe('Empty Placeholder', () => {
   it('should render with empty-query placeholder', async () => {
     const el = await fixture<EmptyPlaceholder>(

package/test/icon-overlay.test.ts

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

package/test/item-image.test.ts

@@ -2,8 +2,8 @@
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 
-import { TileModel } from '../src/models';
-import { ItemImage } from '../src/tiles/item-image';
+import type { TileModel } from '../src/models';
+import type { ItemImage } from '../src/tiles/item-image';
 
 import '../src/tiles/item-image';
 

package/test/mocks/mock-collection-name-cache.ts

@@ -1,4 +1,4 @@
-import { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
+import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
 
 export class MockCollectionNameCache implements CollectionNameCacheInterface {
   collectionNamesRequested: string[] = [];

package/test/mocks/mock-search-responses.ts

@@ -1,4 +1,4 @@
-import { Result } from '@internetarchive/result-type';
+import type { Result } from '@internetarchive/result-type';
 import {
   Metadata,
   SearchResponse,
@@ -21,6 +21,19 @@ export const mockSuccessResponse: Result<SearchResponse, SearchServiceError> = {
         }),
       ],
       start: 0,
+      aggregations: {
+        'user_aggs__terms__field:mediatypeSorter__size:100': {
+          buckets: [
+            { key: 'audio', doc_count: 121 },
+            { key: 'movies', doc_count: 2195 },
+            { key: 'texts', doc_count: 1392 },
+            { key: 'data', doc_count: 605 },
+            { key: 'web', doc_count: 301 },
+            { key: 'collection', doc_count: 167 },
+            { key: 'account', doc_count: 167 },
+          ],
+        },
+      },
     },
     responseHeader: {
       status: 0,

package/test/mocks/mock-search-service.ts

@@ -1,5 +1,5 @@
-import { Result } from '@internetarchive/result-type';
-import {
+import type { Result } from '@internetarchive/result-type';
+import type {
   MetadataResponse,
   SearchParams,
   SearchResponse,

package/test/text-overlay.test.ts

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

package/test/tile-stats.test.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
-import { TileStats } from '../src/tiles/grid/tile-stats';
+import type { TileStats } from '../src/tiles/grid/tile-stats';
 
 import '../src/tiles/grid/tile-stats';
 

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

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-duplicates */
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
-import { ItemTile } from '../../../src/tiles/grid/item-tile';
+import type { ItemTile } from '../../../src/tiles/grid/item-tile';
 
 import '../../../src/tiles/grid/item-tile';
 

package/tsconfig.json

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

package/types/dompurify.d.ts

@@ -0,0 +1 @@
+declare module 'dompurify';