@internetarchive/collection-browser 0.4.6 → 0.4.8-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +29 -29
- package/.github/workflows/ci.yml +26 -26
- package/.github/workflows/gh-pages-main.yml +39 -39
- package/.github/workflows/npm-publish.yml +39 -39
- package/.github/workflows/pr-preview.yml +38 -38
- package/.husky/pre-commit +4 -4
- package/LICENSE +661 -661
- package/README.md +83 -83
- package/dist/index.d.ts +9 -9
- package/dist/index.js +9 -9
- package/dist/src/app-root.d.ts +50 -50
- package/dist/src/app-root.js +278 -278
- package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-left.js +2 -2
- package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-right.js +2 -2
- package/dist/src/assets/img/icons/chevron.d.ts +2 -2
- package/dist/src/assets/img/icons/chevron.js +2 -2
- package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
- package/dist/src/assets/img/icons/empty-query.js +2 -2
- package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
- package/dist/src/assets/img/icons/eye-closed.js +2 -2
- package/dist/src/assets/img/icons/eye.d.ts +2 -2
- package/dist/src/assets/img/icons/eye.js +2 -2
- package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-filled.js +2 -2
- package/dist/src/assets/img/icons/login-required.d.ts +1 -1
- package/dist/src/assets/img/icons/login-required.js +2 -2
- package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/account.js +2 -2
- package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
- package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/data.js +2 -2
- package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
- package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/film.js +2 -2
- package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/images.js +2 -2
- package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/software.js +2 -2
- package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
- package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
- package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/video.js +2 -2
- package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/web.js +2 -2
- package/dist/src/assets/img/icons/null-result.d.ts +2 -2
- package/dist/src/assets/img/icons/null-result.js +2 -2
- package/dist/src/assets/img/icons/restricted.d.ts +1 -1
- package/dist/src/assets/img/icons/restricted.js +2 -2
- package/dist/src/assets/img/icons/reviews.d.ts +1 -1
- package/dist/src/assets/img/icons/reviews.js +2 -2
- package/dist/src/assets/img/icons/upload.d.ts +1 -1
- package/dist/src/assets/img/icons/upload.js +2 -2
- package/dist/src/assets/img/icons/views.d.ts +1 -1
- package/dist/src/assets/img/icons/views.js +2 -2
- package/dist/src/circular-activity-indicator.d.ts +5 -5
- package/dist/src/circular-activity-indicator.js +17 -17
- package/dist/src/collection-browser.d.ts +277 -277
- package/dist/src/collection-browser.js +1195 -1194
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
- package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
- package/dist/src/collection-facets/facets-template.d.ts +16 -16
- package/dist/src/collection-facets/facets-template.js +125 -125
- package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
- package/dist/src/collection-facets/more-facets-content.js +376 -365
- package/dist/src/collection-facets/more-facets-content.js.map +1 -1
- package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
- package/dist/src/collection-facets/more-facets-pagination.js +192 -192
- package/dist/src/collection-facets.d.ts +77 -78
- package/dist/src/collection-facets.js +383 -400
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/empty-placeholder.d.ts +11 -11
- package/dist/src/empty-placeholder.js +42 -42
- package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
- package/dist/src/language-code-handler/language-code-handler.js +26 -26
- package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
- package/dist/src/language-code-handler/language-code-mapping.js +562 -562
- package/dist/src/mediatype/mediatype-config.d.ts +3 -3
- package/dist/src/mediatype/mediatype-config.js +85 -85
- package/dist/src/models.d.ts +114 -114
- package/dist/src/models.js +125 -125
- package/dist/src/restoration-state-handler.d.ts +45 -45
- package/dist/src/restoration-state-handler.js +230 -230
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -12
- package/dist/src/sort-filter-bar/alpha-bar.js +52 -52
- package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/compact.js +2 -2
- package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/list.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
- package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/tile.js +2 -2
- package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
- package/dist/src/sort-filter-bar/sort-filter-bar.js +438 -438
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +9 -9
- package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
- package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
- package/dist/src/tiles/grid/account-tile.d.ts +17 -17
- package/dist/src/tiles/grid/account-tile.js +46 -46
- package/dist/src/tiles/grid/collection-tile.d.ts +14 -14
- package/dist/src/tiles/grid/collection-tile.js +53 -53
- package/dist/src/tiles/grid/item-tile.d.ts +29 -29
- package/dist/src/tiles/grid/item-tile.js +108 -108
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +7 -7
- package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
- package/dist/src/tiles/grid/tile-stats.js +40 -40
- package/dist/src/tiles/hover/hover-pane-controller.d.ts +197 -197
- package/dist/src/tiles/hover/hover-pane-controller.js +331 -331
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
- package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +72 -72
- package/dist/src/tiles/item-image.d.ts +35 -35
- package/dist/src/tiles/item-image.js +117 -117
- package/dist/src/tiles/list/account-label.d.ts +1 -1
- package/dist/src/tiles/list/account-label.js +6 -6
- package/dist/src/tiles/list/date-label.d.ts +1 -1
- package/dist/src/tiles/list/date-label.js +12 -12
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
- package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
- package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
- package/dist/src/tiles/list/tile-list-compact.js +99 -99
- package/dist/src/tiles/list/tile-list.d.ts +55 -55
- package/dist/src/tiles/list/tile-list.js +297 -296
- package/dist/src/tiles/list/tile-list.js.map +1 -1
- package/dist/src/tiles/mediatype-icon.d.ts +9 -9
- package/dist/src/tiles/mediatype-icon.js +47 -47
- package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
- package/dist/src/tiles/overlay/icon-overlay.js +40 -40
- package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
- package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
- package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
- package/dist/src/tiles/overlay/text-overlay.js +42 -42
- package/dist/src/tiles/text-snippet-block.d.ts +27 -27
- package/dist/src/tiles/text-snippet-block.js +73 -73
- package/dist/src/tiles/tile-dispatcher.d.ts +55 -55
- package/dist/src/tiles/tile-dispatcher.js +176 -176
- package/dist/src/utils/analytics-events.d.ts +22 -22
- package/dist/src/utils/analytics-events.js +24 -24
- package/dist/src/utils/format-count.d.ts +7 -7
- package/dist/src/utils/format-count.js +76 -76
- package/dist/src/utils/format-date.d.ts +2 -2
- package/dist/src/utils/format-date.js +23 -23
- package/dist/src/utils/format-unit-size.d.ts +2 -2
- package/dist/src/utils/format-unit-size.js +33 -33
- package/dist/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +584 -584
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +62 -62
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +114 -114
- package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
- package/dist/test/collection-facets.test.d.ts +2 -2
- package/dist/test/collection-facets.test.js +508 -544
- package/dist/test/collection-facets.test.js.map +1 -1
- package/dist/test/empty-placeholder.test.d.ts +1 -1
- package/dist/test/empty-placeholder.test.js +33 -33
- package/dist/test/icon-overlay.test.d.ts +1 -1
- package/dist/test/icon-overlay.test.js +24 -24
- package/dist/test/image-block.test.d.ts +1 -1
- package/dist/test/image-block.test.js +48 -48
- package/dist/test/item-image.test.d.ts +1 -1
- package/dist/test/item-image.test.js +84 -84
- package/dist/test/mediatype-config.test.d.ts +1 -1
- package/dist/test/mediatype-config.test.js +16 -16
- package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
- package/dist/test/mocks/mock-analytics-handler.js +15 -15
- package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
- package/dist/test/mocks/mock-collection-name-cache.js +13 -13
- package/dist/test/mocks/mock-search-responses.d.ts +12 -12
- package/dist/test/mocks/mock-search-responses.js +341 -341
- package/dist/test/mocks/mock-search-service.d.ts +13 -13
- package/dist/test/mocks/mock-search-service.js +40 -40
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +125 -125
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js +43 -43
- package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js +197 -197
- package/dist/test/text-overlay.test.d.ts +1 -1
- package/dist/test/text-overlay.test.js +48 -48
- package/dist/test/text-snippet-block.test.d.ts +1 -1
- package/dist/test/text-snippet-block.test.js +57 -57
- package/dist/test/tile-stats.test.d.ts +1 -1
- package/dist/test/tile-stats.test.js +33 -33
- package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +60 -60
- package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +57 -57
- package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +142 -142
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +153 -153
- package/dist/test/utils/format-count.test.d.ts +1 -1
- package/dist/test/utils/format-count.test.js +23 -23
- package/dist/test/utils/format-date.test.d.ts +1 -1
- package/dist/test/utils/format-date.test.js +17 -17
- package/dist/test/utils/format-unit-size.test.d.ts +1 -1
- package/dist/test/utils/format-unit-size.test.js +17 -17
- package/local.archive.org.cert +86 -86
- package/local.archive.org.key +27 -27
- package/package.json +1 -1
- package/renovate.json +6 -6
- package/src/collection-browser.ts +1 -0
- package/src/collection-facets/more-facets-content.ts +24 -16
- package/src/collection-facets.ts +0 -20
- package/src/tiles/list/tile-list.ts +3 -1
- package/test/collection-facets.test.ts +0 -46
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../src/tiles/text-snippet-block';
|
|
5
|
-
describe('TextSnippetBlock component', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b;
|
|
8
|
-
const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
|
|
9
|
-
// No content if no snippets
|
|
10
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
|
|
11
|
-
// Content appears if there are snippets
|
|
12
|
-
el.snippets = ['text'];
|
|
13
|
-
await el.updateComplete;
|
|
14
|
-
const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
|
|
15
|
-
expect(container).to.exist;
|
|
16
|
-
});
|
|
17
|
-
it('should render marked snippets', async () => {
|
|
18
|
-
var _a;
|
|
19
|
-
const snippets = [
|
|
20
|
-
'some {{{snippet}}} text',
|
|
21
|
-
'some {{{other}}} {{{snippet}}} text',
|
|
22
|
-
];
|
|
23
|
-
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
24
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
25
|
-
// Has the correct number of snippets and highlights
|
|
26
|
-
expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
|
|
27
|
-
expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
|
|
28
|
-
});
|
|
29
|
-
it('should render marked snippets containing newlines', async () => {
|
|
30
|
-
var _a;
|
|
31
|
-
const snippets = [
|
|
32
|
-
'some {{{snippet}}} text',
|
|
33
|
-
'some {{{other}}} {{{snippet\n text}}}',
|
|
34
|
-
];
|
|
35
|
-
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
36
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
37
|
-
// Has the correct number of snippets and highlights
|
|
38
|
-
expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
|
|
39
|
-
expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
|
|
40
|
-
});
|
|
41
|
-
it('should render correctly in grid mode', async () => {
|
|
42
|
-
var _a;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import '../src/tiles/text-snippet-block';
|
|
5
|
+
describe('TextSnippetBlock component', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b;
|
|
8
|
+
const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
|
|
9
|
+
// No content if no snippets
|
|
10
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
|
|
11
|
+
// Content appears if there are snippets
|
|
12
|
+
el.snippets = ['text'];
|
|
13
|
+
await el.updateComplete;
|
|
14
|
+
const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
|
|
15
|
+
expect(container).to.exist;
|
|
16
|
+
});
|
|
17
|
+
it('should render marked snippets', async () => {
|
|
18
|
+
var _a;
|
|
19
|
+
const snippets = [
|
|
20
|
+
'some {{{snippet}}} text',
|
|
21
|
+
'some {{{other}}} {{{snippet}}} text',
|
|
22
|
+
];
|
|
23
|
+
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
24
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
25
|
+
// Has the correct number of snippets and highlights
|
|
26
|
+
expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
|
|
27
|
+
expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
|
|
28
|
+
});
|
|
29
|
+
it('should render marked snippets containing newlines', async () => {
|
|
30
|
+
var _a;
|
|
31
|
+
const snippets = [
|
|
32
|
+
'some {{{snippet}}} text',
|
|
33
|
+
'some {{{other}}} {{{snippet\n text}}}',
|
|
34
|
+
];
|
|
35
|
+
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
36
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
37
|
+
// Has the correct number of snippets and highlights
|
|
38
|
+
expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
|
|
39
|
+
expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
|
|
40
|
+
});
|
|
41
|
+
it('should render correctly in grid mode', async () => {
|
|
42
|
+
var _a;
|
|
43
43
|
const el = await fixture(html `<text-snippet-block
|
|
44
44
|
viewsize="grid"
|
|
45
45
|
.snippets=${['text']}
|
|
46
|
-
></text-snippet-block>`);
|
|
47
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
48
|
-
// Applies the right container classes
|
|
49
|
-
expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
|
|
50
|
-
expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
|
|
51
|
-
});
|
|
52
|
-
it('should render correctly in list mode', async () => {
|
|
53
|
-
var _a;
|
|
46
|
+
></text-snippet-block>`);
|
|
47
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
48
|
+
// Applies the right container classes
|
|
49
|
+
expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
|
|
50
|
+
expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
|
|
51
|
+
});
|
|
52
|
+
it('should render correctly in list mode', async () => {
|
|
53
|
+
var _a;
|
|
54
54
|
const el = await fixture(html `<text-snippet-block
|
|
55
55
|
viewsize="list"
|
|
56
56
|
.snippets=${['text']}
|
|
57
|
-
></text-snippet-block>`);
|
|
58
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
59
|
-
// Applies the right container classes
|
|
60
|
-
expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
|
|
61
|
-
expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
|
|
62
|
-
});
|
|
63
|
-
});
|
|
57
|
+
></text-snippet-block>`);
|
|
58
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
|
|
59
|
+
// Applies the right container classes
|
|
60
|
+
expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
|
|
61
|
+
expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
64
|
//# sourceMappingURL=text-snippet-block.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../src/tiles/grid/tile-stats';
|
|
1
|
+
import '../src/tiles/grid/tile-stats';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../src/tiles/grid/tile-stats';
|
|
5
|
-
describe('Tile Stats', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b;
|
|
8
|
-
const el = await fixture(html `<tile-stats></tile-stats>`);
|
|
9
|
-
const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
|
|
10
|
-
const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
|
|
11
|
-
const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
|
|
12
|
-
expect(itemStats).to.exist;
|
|
13
|
-
expect(statsRow).to.exist;
|
|
14
|
-
expect(statsRowCount).to.equal(4);
|
|
15
|
-
});
|
|
16
|
-
it('should render component with value', async () => {
|
|
17
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import '../src/tiles/grid/tile-stats';
|
|
5
|
+
describe('Tile Stats', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b;
|
|
8
|
+
const el = await fixture(html `<tile-stats></tile-stats>`);
|
|
9
|
+
const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
|
|
10
|
+
const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
|
|
11
|
+
const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
|
|
12
|
+
expect(itemStats).to.exist;
|
|
13
|
+
expect(statsRow).to.exist;
|
|
14
|
+
expect(statsRowCount).to.equal(4);
|
|
15
|
+
});
|
|
16
|
+
it('should render component with value', async () => {
|
|
17
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
18
18
|
const el = await fixture(html `
|
|
19
19
|
<tile-stats
|
|
20
20
|
.mediatype=${'account'}
|
|
@@ -23,20 +23,20 @@ describe('Tile Stats', () => {
|
|
|
23
23
|
.commentCount=${3}
|
|
24
24
|
>
|
|
25
25
|
</tile-stats>
|
|
26
|
-
`);
|
|
27
|
-
const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
|
|
28
|
-
const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
|
|
29
|
-
// get second column item in stats row
|
|
30
|
-
const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
|
|
31
|
-
// get third column item in stats row
|
|
32
|
-
const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
|
|
33
|
-
// get fourth column item in stats row
|
|
34
|
-
const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
|
|
35
|
-
expect(mediatypeStat).to.exist;
|
|
36
|
-
// Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
|
|
37
|
-
expect(itemStatCount).to.equalSnapshot(1);
|
|
38
|
-
expect(favoritesStatCount).to.equalSnapshot(2);
|
|
39
|
-
expect(reviewsStatCount).to.equalSnapshot(3);
|
|
40
|
-
});
|
|
41
|
-
});
|
|
26
|
+
`);
|
|
27
|
+
const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
|
|
28
|
+
const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
|
|
29
|
+
// get second column item in stats row
|
|
30
|
+
const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
|
|
31
|
+
// get third column item in stats row
|
|
32
|
+
const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
|
|
33
|
+
// get fourth column item in stats row
|
|
34
|
+
const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
|
|
35
|
+
expect(mediatypeStat).to.exist;
|
|
36
|
+
// Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
|
|
37
|
+
expect(itemStatCount).to.equalSnapshot(1);
|
|
38
|
+
expect(favoritesStatCount).to.equalSnapshot(2);
|
|
39
|
+
expect(reviewsStatCount).to.equalSnapshot(3);
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
42
|
//# sourceMappingURL=tile-stats.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/grid/account-tile';
|
|
1
|
+
import '../../../src/tiles/grid/account-tile';
|
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/grid/account-tile';
|
|
5
|
-
describe('Account Tile', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b, _c, _d;
|
|
8
|
-
const el = await fixture(html `<account-tile></account-tile>`);
|
|
9
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
-
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
|
|
11
|
-
const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
|
|
12
|
-
const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
|
|
13
|
-
expect(itemInfo).to.exist;
|
|
14
|
-
expect(itemImage).to.exist;
|
|
15
|
-
expect(itemArchivist).to.exist;
|
|
16
|
-
expect(tileStats).to.exist;
|
|
17
|
-
});
|
|
18
|
-
it('should render with title element', async () => {
|
|
19
|
-
var _a, _b, _c;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import '../../../src/tiles/grid/account-tile';
|
|
5
|
+
describe('Account Tile', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b, _c, _d;
|
|
8
|
+
const el = await fixture(html `<account-tile></account-tile>`);
|
|
9
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
+
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
|
|
11
|
+
const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
|
|
12
|
+
const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
|
|
13
|
+
expect(itemInfo).to.exist;
|
|
14
|
+
expect(itemImage).to.exist;
|
|
15
|
+
expect(itemArchivist).to.exist;
|
|
16
|
+
expect(tileStats).to.exist;
|
|
17
|
+
});
|
|
18
|
+
it('should render with title element', async () => {
|
|
19
|
+
var _a, _b, _c;
|
|
20
20
|
const el = await fixture(html `
|
|
21
21
|
<account-tile
|
|
22
|
-
.model=${{
|
|
23
|
-
identifier: '@jack-sparrow',
|
|
22
|
+
.model=${{
|
|
23
|
+
identifier: '@jack-sparrow',
|
|
24
24
|
}}
|
|
25
25
|
>
|
|
26
26
|
</account-tile>
|
|
27
|
-
`);
|
|
28
|
-
await el.updateComplete;
|
|
29
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
30
|
-
const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
31
|
-
expect(itemInfo).to.exist;
|
|
32
|
-
expect(accountTitle).to.exist;
|
|
33
|
-
expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
|
|
34
|
-
});
|
|
35
|
-
it('should render with archivist-since date element', async () => {
|
|
36
|
-
var _a;
|
|
27
|
+
`);
|
|
28
|
+
await el.updateComplete;
|
|
29
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
30
|
+
const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
31
|
+
expect(itemInfo).to.exist;
|
|
32
|
+
expect(accountTitle).to.exist;
|
|
33
|
+
expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
|
|
34
|
+
});
|
|
35
|
+
it('should render with archivist-since date element', async () => {
|
|
36
|
+
var _a;
|
|
37
37
|
const el = await fixture(html `
|
|
38
38
|
<account-tile
|
|
39
|
-
.model=${{
|
|
40
|
-
dateAdded: new Date('2022-02-02'),
|
|
39
|
+
.model=${{
|
|
40
|
+
dateAdded: new Date('2022-02-02'),
|
|
41
41
|
}}
|
|
42
42
|
>
|
|
43
43
|
</account-tile>
|
|
44
|
-
`);
|
|
45
|
-
await el.updateComplete;
|
|
46
|
-
const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
|
|
47
|
-
expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
|
|
48
|
-
});
|
|
49
|
-
it('should render with tile-stats element', async () => {
|
|
50
|
-
var _a, _b;
|
|
44
|
+
`);
|
|
45
|
+
await el.updateComplete;
|
|
46
|
+
const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
|
|
47
|
+
expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
|
|
48
|
+
});
|
|
49
|
+
it('should render with tile-stats element', async () => {
|
|
50
|
+
var _a, _b;
|
|
51
51
|
const el = await fixture(html `
|
|
52
52
|
<account-tile
|
|
53
|
-
.model=${{
|
|
54
|
-
identifier: '@jack-sparrow',
|
|
55
|
-
mediatype: 'account',
|
|
56
|
-
itemCount: 999,
|
|
57
|
-
favCount: 100,
|
|
58
|
-
commentCount: 3,
|
|
53
|
+
.model=${{
|
|
54
|
+
identifier: '@jack-sparrow',
|
|
55
|
+
mediatype: 'account',
|
|
56
|
+
itemCount: 999,
|
|
57
|
+
favCount: 100,
|
|
58
|
+
commentCount: 3,
|
|
59
59
|
}}
|
|
60
60
|
>
|
|
61
61
|
</account-tile>
|
|
62
|
-
`);
|
|
63
|
-
await el.updateComplete;
|
|
64
|
-
const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
|
|
65
|
-
const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
|
|
66
|
-
expect(tileStats).to.exist;
|
|
67
|
-
expect(statsElements).to.exist;
|
|
68
|
-
const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
|
|
69
|
-
expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
|
|
70
|
-
const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
|
|
71
|
-
expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
|
|
72
|
-
const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
|
|
73
|
-
expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
|
|
74
|
-
});
|
|
75
|
-
});
|
|
62
|
+
`);
|
|
63
|
+
await el.updateComplete;
|
|
64
|
+
const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
|
|
65
|
+
const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
|
|
66
|
+
expect(tileStats).to.exist;
|
|
67
|
+
expect(statsElements).to.exist;
|
|
68
|
+
const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
|
|
69
|
+
expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
|
|
70
|
+
const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
|
|
71
|
+
expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
|
|
72
|
+
const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
|
|
73
|
+
expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
76
|
//# sourceMappingURL=account-tile.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/grid/collection-tile';
|
|
1
|
+
import '../../../src/tiles/grid/collection-tile';
|
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/grid/collection-tile';
|
|
5
|
-
describe('Collection Tile', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b, _c;
|
|
8
|
-
const el = await fixture(html `<collection-tile></collection-tile>`);
|
|
9
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
-
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
|
|
11
|
-
const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
|
|
12
|
-
expect(itemInfo).to.exist;
|
|
13
|
-
expect(itemImage).to.exist;
|
|
14
|
-
expect(itemStats).to.exist;
|
|
15
|
-
});
|
|
16
|
-
it('should render with title element', async () => {
|
|
17
|
-
var _a, _b, _c;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import '../../../src/tiles/grid/collection-tile';
|
|
5
|
+
describe('Collection Tile', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b, _c;
|
|
8
|
+
const el = await fixture(html `<collection-tile></collection-tile>`);
|
|
9
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
+
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
|
|
11
|
+
const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
|
|
12
|
+
expect(itemInfo).to.exist;
|
|
13
|
+
expect(itemImage).to.exist;
|
|
14
|
+
expect(itemStats).to.exist;
|
|
15
|
+
});
|
|
16
|
+
it('should render with title element', async () => {
|
|
17
|
+
var _a, _b, _c;
|
|
18
18
|
const el = await fixture(html `
|
|
19
19
|
<collection-tile
|
|
20
|
-
.model=${{
|
|
21
|
-
identifier: 'books',
|
|
22
|
-
title: 'Books',
|
|
23
|
-
itemCount: 121,
|
|
20
|
+
.model=${{
|
|
21
|
+
identifier: 'books',
|
|
22
|
+
title: 'Books',
|
|
23
|
+
itemCount: 121,
|
|
24
24
|
}}
|
|
25
25
|
>
|
|
26
26
|
</collection-tile>
|
|
27
|
-
`);
|
|
28
|
-
await el.updateComplete;
|
|
29
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
30
|
-
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
31
|
-
expect(itemInfo).to.exist;
|
|
32
|
-
expect(itemTitle).to.exist;
|
|
33
|
-
expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
|
|
34
|
-
});
|
|
35
|
-
it('should render with image-block element', async () => {
|
|
36
|
-
var _a;
|
|
27
|
+
`);
|
|
28
|
+
await el.updateComplete;
|
|
29
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
30
|
+
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
31
|
+
expect(itemInfo).to.exist;
|
|
32
|
+
expect(itemTitle).to.exist;
|
|
33
|
+
expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
|
|
34
|
+
});
|
|
35
|
+
it('should render with image-block element', async () => {
|
|
36
|
+
var _a;
|
|
37
37
|
const el = await fixture(html `
|
|
38
38
|
<collection-tile
|
|
39
|
-
.model=${{
|
|
40
|
-
identifier: '@jack-sparrow',
|
|
41
|
-
itemCount: 1233,
|
|
39
|
+
.model=${{
|
|
40
|
+
identifier: '@jack-sparrow',
|
|
41
|
+
itemCount: 1233,
|
|
42
42
|
}}
|
|
43
43
|
>
|
|
44
44
|
</collection-tile>
|
|
45
|
-
`);
|
|
46
|
-
await el.updateComplete;
|
|
47
|
-
const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
|
|
48
|
-
expect(itemImageBlock).to.exist;
|
|
49
|
-
});
|
|
50
|
-
it('should render with item stats element', async () => {
|
|
51
|
-
var _a, _b, _c, _d;
|
|
45
|
+
`);
|
|
46
|
+
await el.updateComplete;
|
|
47
|
+
const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
|
|
48
|
+
expect(itemImageBlock).to.exist;
|
|
49
|
+
});
|
|
50
|
+
it('should render with item stats element', async () => {
|
|
51
|
+
var _a, _b, _c, _d;
|
|
52
52
|
const el = await fixture(html `
|
|
53
53
|
<collection-tile
|
|
54
|
-
.model=${{
|
|
55
|
-
identifier: '@jack-sparrow',
|
|
56
|
-
itemCount: 14521,
|
|
57
|
-
collectionSize: 23222543,
|
|
54
|
+
.model=${{
|
|
55
|
+
identifier: '@jack-sparrow',
|
|
56
|
+
itemCount: 14521,
|
|
57
|
+
collectionSize: 23222543,
|
|
58
58
|
}}
|
|
59
59
|
>
|
|
60
60
|
</collection-tile>
|
|
61
|
-
`);
|
|
62
|
-
await el.updateComplete;
|
|
63
|
-
const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
|
|
64
|
-
const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
|
|
65
|
-
const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
|
|
66
|
-
const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
|
|
67
|
-
expect(itemStats).to.exist;
|
|
68
|
-
expect(itemMediaType).to.exist;
|
|
69
|
-
expect(itemCount).to.exist;
|
|
70
|
-
expect(itemSize).to.exist;
|
|
71
|
-
});
|
|
72
|
-
});
|
|
61
|
+
`);
|
|
62
|
+
await el.updateComplete;
|
|
63
|
+
const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
|
|
64
|
+
const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
|
|
65
|
+
const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
|
|
66
|
+
const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
|
|
67
|
+
expect(itemStats).to.exist;
|
|
68
|
+
expect(itemMediaType).to.exist;
|
|
69
|
+
expect(itemCount).to.exist;
|
|
70
|
+
expect(itemSize).to.exist;
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
73
|
//# sourceMappingURL=collection-tile.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/grid/item-tile';
|
|
1
|
+
import '../../../src/tiles/grid/item-tile';
|