@internetarchive/collection-browser 0.3.10-alpha.1 → 0.4.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 +48 -48
- package/dist/src/app-root.js +258 -258
- package/dist/src/app-root.js.map +1 -1
- 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 +5 -17
- package/dist/src/assets/img/icons/login-required.js.map +1 -1
- 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 +3 -19
- package/dist/src/assets/img/icons/restricted.js.map +1 -1
- 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 +315 -278
- package/dist/src/collection-browser.js +1275 -1119
- 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 -76
- package/dist/src/collection-facets/more-facets-content.js +357 -353
- 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 +78 -77
- package/dist/src/collection-facets.js +393 -389
- 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 +112 -103
- package/dist/src/models.js +125 -117
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.d.ts +45 -46
- package/dist/src/restoration-state-handler.js +230 -230
- package/dist/src/restoration-state-handler.js.map +1 -1
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -9
- package/dist/src/sort-filter-bar/alpha-bar.js +69 -50
- package/dist/src/sort-filter-bar/alpha-bar.js.map +1 -1
- 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 -107
- package/dist/src/sort-filter-bar/sort-filter-bar.js +430 -423
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +12 -15
- package/dist/src/styles/item-image-styles.js.map +1 -1
- 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 +8 -8
- package/dist/src/tiles/grid/account-tile.js +20 -20
- package/dist/src/tiles/grid/collection-tile.d.ts +7 -7
- package/dist/src/tiles/grid/collection-tile.js +23 -23
- package/dist/src/tiles/grid/item-tile.d.ts +24 -24
- package/dist/src/tiles/grid/item-tile.js +89 -87
- package/dist/src/tiles/grid/item-tile.js.map +1 -1
- 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/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +77 -69
- package/dist/src/tiles/image-block.js.map +1 -1
- package/dist/src/tiles/item-image.d.ts +31 -31
- package/dist/src/tiles/item-image.js +106 -106
- 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 +93 -93
- package/dist/src/tiles/list/tile-list.d.ts +50 -50
- package/dist/src/tiles/list/tile-list.js +276 -276
- 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 -7
- package/dist/src/tiles/overlay/icon-overlay.js +63 -33
- package/dist/src/tiles/overlay/icon-overlay.js.map +1 -1
- package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -0
- package/dist/src/tiles/overlay/icon-text-overlay.js +83 -0
- package/dist/src/tiles/overlay/icon-text-overlay.js.map +1 -0
- package/dist/src/tiles/overlay/text-overlay.d.ts +10 -8
- package/dist/src/tiles/overlay/text-overlay.js +63 -35
- package/dist/src/tiles/overlay/text-overlay.js.map +1 -1
- package/dist/src/tiles/text-snippet-block.d.ts +29 -29
- package/dist/src/tiles/text-snippet-block.js +81 -81
- package/dist/src/tiles/tile-dispatcher.d.ts +36 -36
- package/dist/src/tiles/tile-dispatcher.js +128 -128
- 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/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +647 -575
- package/dist/test/collection-browser.test.js.map +1 -1
- 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-content.test.js.map +1 -1
- 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 +544 -544
- 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 +80 -80
- package/dist/test/item-image.test.js.map +1 -1
- 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 -10
- package/dist/test/mocks/mock-search-responses.js +341 -271
- package/dist/test/mocks/mock-search-responses.js.map +1 -1
- package/dist/test/mocks/mock-search-service.d.ts +13 -13
- package/dist/test/mocks/mock-search-service.js +40 -36
- package/dist/test/mocks/mock-search-service.js.map +1 -1
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +125 -126
- package/dist/test/restoration-state-handler.test.js.map +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -0
- package/dist/test/sort-filter-bar/alpha-bar.test.js +44 -0
- package/dist/test/sort-filter-bar/alpha-bar.test.js.map +1 -0
- 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 +145 -113
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +1 -1
- package/dist/test/text-overlay.test.d.ts +1 -1
- package/dist/test/text-overlay.test.js +48 -41
- package/dist/test/text-overlay.test.js.map +1 -1
- 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/item-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +107 -107
- 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 +123 -123
- 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/index.html +24 -24
- package/local.archive.org.cert +86 -86
- package/local.archive.org.key +27 -27
- package/package.json +3 -3
- package/renovate.json +6 -6
- package/src/app-root.ts +1 -1
- package/src/assets/img/icons/login-required.ts +3 -15
- package/src/assets/img/icons/restricted.ts +1 -17
- package/src/collection-browser.ts +273 -57
- package/src/collection-facets/more-facets-content.ts +6 -2
- package/src/collection-facets.ts +6 -2
- package/src/models.ts +15 -0
- package/src/restoration-state-handler.ts +7 -5
- package/src/sort-filter-bar/alpha-bar.ts +26 -9
- package/src/sort-filter-bar/sort-filter-bar.ts +9 -0
- package/src/styles/item-image-styles.ts +3 -6
- package/src/tiles/grid/item-tile.ts +2 -0
- package/src/tiles/image-block.ts +8 -0
- package/src/tiles/overlay/icon-overlay.ts +33 -3
- package/src/tiles/overlay/icon-text-overlay.ts +75 -0
- package/src/tiles/overlay/text-overlay.ts +34 -7
- package/test/collection-browser.test.ts +90 -10
- package/test/collection-facets/more-facets-content.test.ts +2 -2
- package/test/item-image.test.ts +2 -2
- package/test/mocks/mock-search-responses.ts +78 -0
- package/test/mocks/mock-search-service.ts +6 -0
- package/test/restoration-state-handler.test.ts +0 -3
- package/test/sort-filter-bar/alpha-bar.test.ts +52 -0
- package/test/sort-filter-bar/sort-filter-bar.test.ts +44 -0
- package/test/text-overlay.test.ts +10 -3
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -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/item-tile';
|
|
1
|
+
import '../../../src/tiles/grid/item-tile';
|
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/grid/item-tile';
|
|
5
|
-
describe('Item Tile', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b, _c;
|
|
8
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
9
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
-
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
11
|
-
const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
|
|
12
|
-
expect(itemInfo).to.exist;
|
|
13
|
-
expect(imageBlock).to.exist;
|
|
14
|
-
expect(itemTitle).to.exist;
|
|
15
|
-
});
|
|
16
|
-
it('should render with created-by element', async () => {
|
|
17
|
-
var _a, _b, _c;
|
|
18
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
19
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
20
|
-
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
21
|
-
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
22
|
-
expect(itemInfo).to.exist;
|
|
23
|
-
expect(createdBy).to.exist;
|
|
24
|
-
expect(dateSortedBy).to.not.exist;
|
|
25
|
-
});
|
|
26
|
-
it('should not render with created-by but date element', async () => {
|
|
27
|
-
var _a, _b;
|
|
28
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
29
|
-
el.sortParam = {
|
|
30
|
-
field: 'date',
|
|
31
|
-
direction: 'desc',
|
|
32
|
-
};
|
|
33
|
-
await el.updateComplete;
|
|
34
|
-
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
35
|
-
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
36
|
-
expect(createdBy).to.not.exist;
|
|
37
|
-
expect(dateSortedBy).to.exist;
|
|
38
|
-
});
|
|
39
|
-
it('should not render with created-by but reviewdate element', async () => {
|
|
40
|
-
var _a, _b;
|
|
41
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
42
|
-
el.sortParam = {
|
|
43
|
-
field: 'reviewdate',
|
|
44
|
-
direction: 'desc',
|
|
45
|
-
};
|
|
46
|
-
await el.updateComplete;
|
|
47
|
-
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
48
|
-
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
49
|
-
expect(createdBy).to.not.exist;
|
|
50
|
-
expect(dateSortedBy).to.exist;
|
|
51
|
-
});
|
|
52
|
-
it('should not render with created-by but publicdate element', async () => {
|
|
53
|
-
var _a, _b;
|
|
54
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
55
|
-
el.sortParam = {
|
|
56
|
-
field: 'publicdate',
|
|
57
|
-
direction: 'desc',
|
|
58
|
-
};
|
|
59
|
-
await el.updateComplete;
|
|
60
|
-
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
61
|
-
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
62
|
-
expect(createdBy).to.not.exist;
|
|
63
|
-
expect(dateSortedBy).to.exist;
|
|
64
|
-
});
|
|
65
|
-
it('should render with created-by when sorting not related to date', async () => {
|
|
66
|
-
var _a, _b, _c;
|
|
67
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
68
|
-
el.sortParam = {
|
|
69
|
-
field: 'addeddate',
|
|
70
|
-
direction: 'asc',
|
|
71
|
-
};
|
|
72
|
-
await el.updateComplete;
|
|
73
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
74
|
-
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
75
|
-
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
76
|
-
expect(itemInfo).to.exist;
|
|
77
|
-
expect(createdBy).to.not.exist;
|
|
78
|
-
expect(dateSortedBy).to.exist;
|
|
79
|
-
});
|
|
80
|
-
it('should render with created-by when sort field id not like date', async () => {
|
|
81
|
-
var _a, _b, _c;
|
|
82
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
83
|
-
el.sortParam = {
|
|
84
|
-
field: 'week',
|
|
85
|
-
direction: 'asc',
|
|
86
|
-
};
|
|
87
|
-
await el.updateComplete;
|
|
88
|
-
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
89
|
-
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
90
|
-
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
91
|
-
expect(itemInfo).to.exist;
|
|
92
|
-
expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
|
|
93
|
-
expect(createdBy).to.exist;
|
|
94
|
-
});
|
|
95
|
-
it('should render with snippet block when it has snippets', async () => {
|
|
96
|
-
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/grid/item-tile';
|
|
5
|
+
describe('Item Tile', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b, _c;
|
|
8
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
9
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
10
|
+
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
11
|
+
const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
|
|
12
|
+
expect(itemInfo).to.exist;
|
|
13
|
+
expect(imageBlock).to.exist;
|
|
14
|
+
expect(itemTitle).to.exist;
|
|
15
|
+
});
|
|
16
|
+
it('should render with created-by element', async () => {
|
|
17
|
+
var _a, _b, _c;
|
|
18
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
19
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
20
|
+
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
21
|
+
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
22
|
+
expect(itemInfo).to.exist;
|
|
23
|
+
expect(createdBy).to.exist;
|
|
24
|
+
expect(dateSortedBy).to.not.exist;
|
|
25
|
+
});
|
|
26
|
+
it('should not render with created-by but date element', async () => {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
29
|
+
el.sortParam = {
|
|
30
|
+
field: 'date',
|
|
31
|
+
direction: 'desc',
|
|
32
|
+
};
|
|
33
|
+
await el.updateComplete;
|
|
34
|
+
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
35
|
+
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
36
|
+
expect(createdBy).to.not.exist;
|
|
37
|
+
expect(dateSortedBy).to.exist;
|
|
38
|
+
});
|
|
39
|
+
it('should not render with created-by but reviewdate element', async () => {
|
|
40
|
+
var _a, _b;
|
|
41
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
42
|
+
el.sortParam = {
|
|
43
|
+
field: 'reviewdate',
|
|
44
|
+
direction: 'desc',
|
|
45
|
+
};
|
|
46
|
+
await el.updateComplete;
|
|
47
|
+
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
48
|
+
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
49
|
+
expect(createdBy).to.not.exist;
|
|
50
|
+
expect(dateSortedBy).to.exist;
|
|
51
|
+
});
|
|
52
|
+
it('should not render with created-by but publicdate element', async () => {
|
|
53
|
+
var _a, _b;
|
|
54
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
55
|
+
el.sortParam = {
|
|
56
|
+
field: 'publicdate',
|
|
57
|
+
direction: 'desc',
|
|
58
|
+
};
|
|
59
|
+
await el.updateComplete;
|
|
60
|
+
const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
|
|
61
|
+
const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
|
|
62
|
+
expect(createdBy).to.not.exist;
|
|
63
|
+
expect(dateSortedBy).to.exist;
|
|
64
|
+
});
|
|
65
|
+
it('should render with created-by when sorting not related to date', async () => {
|
|
66
|
+
var _a, _b, _c;
|
|
67
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
68
|
+
el.sortParam = {
|
|
69
|
+
field: 'addeddate',
|
|
70
|
+
direction: 'asc',
|
|
71
|
+
};
|
|
72
|
+
await el.updateComplete;
|
|
73
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
74
|
+
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
75
|
+
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
76
|
+
expect(itemInfo).to.exist;
|
|
77
|
+
expect(createdBy).to.not.exist;
|
|
78
|
+
expect(dateSortedBy).to.exist;
|
|
79
|
+
});
|
|
80
|
+
it('should render with created-by when sort field id not like date', async () => {
|
|
81
|
+
var _a, _b, _c;
|
|
82
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
83
|
+
el.sortParam = {
|
|
84
|
+
field: 'week',
|
|
85
|
+
direction: 'asc',
|
|
86
|
+
};
|
|
87
|
+
await el.updateComplete;
|
|
88
|
+
const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
|
|
89
|
+
const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
|
|
90
|
+
const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
|
|
91
|
+
expect(itemInfo).to.exist;
|
|
92
|
+
expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
|
|
93
|
+
expect(createdBy).to.exist;
|
|
94
|
+
});
|
|
95
|
+
it('should render with snippet block when it has snippets', async () => {
|
|
96
|
+
var _a;
|
|
97
97
|
const el = await fixture(html `
|
|
98
98
|
<item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
|
|
99
99
|
</item-tile>
|
|
100
|
-
`);
|
|
101
|
-
const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
|
|
102
|
-
expect(snippetBlock).to.exist;
|
|
103
|
-
});
|
|
104
|
-
it('should not render snippet block when no snippets are present', async () => {
|
|
105
|
-
var _a;
|
|
106
|
-
const el = await fixture(html `<item-tile></item-tile>`);
|
|
107
|
-
const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
|
|
108
|
-
expect(snippetBlock).to.not.exist;
|
|
109
|
-
});
|
|
110
|
-
});
|
|
100
|
+
`);
|
|
101
|
+
const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
|
|
102
|
+
expect(snippetBlock).to.exist;
|
|
103
|
+
});
|
|
104
|
+
it('should not render snippet block when no snippets are present', async () => {
|
|
105
|
+
var _a;
|
|
106
|
+
const el = await fixture(html `<item-tile></item-tile>`);
|
|
107
|
+
const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
|
|
108
|
+
expect(snippetBlock).to.not.exist;
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
111
|
//# sourceMappingURL=item-tile.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/list/tile-list-compact';
|
|
1
|
+
import '../../../src/tiles/list/tile-list-compact';
|
|
@@ -1,130 +1,130 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/list/tile-list-compact';
|
|
5
|
-
describe('List Tile Compact', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
var _a, _b, _c, _d, _e;
|
|
8
|
-
const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
|
|
9
|
-
const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
|
|
10
|
-
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
11
|
-
const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
|
|
12
|
-
const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
|
|
13
|
-
const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
|
|
14
|
-
expect(listContainer).to.exist;
|
|
15
|
-
expect(itemTitle).to.exist;
|
|
16
|
-
expect(imageBlock).to.exist;
|
|
17
|
-
expect(itemIcon).to.exist;
|
|
18
|
-
expect(itemViews).to.exist;
|
|
19
|
-
});
|
|
20
|
-
it('should render with creator element with title', async () => {
|
|
21
|
-
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/list/tile-list-compact';
|
|
5
|
+
describe('List Tile Compact', () => {
|
|
6
|
+
it('should render initial component', async () => {
|
|
7
|
+
var _a, _b, _c, _d, _e;
|
|
8
|
+
const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
|
|
9
|
+
const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
|
|
10
|
+
const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
|
|
11
|
+
const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
|
|
12
|
+
const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
|
|
13
|
+
const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
|
|
14
|
+
expect(listContainer).to.exist;
|
|
15
|
+
expect(itemTitle).to.exist;
|
|
16
|
+
expect(imageBlock).to.exist;
|
|
17
|
+
expect(itemIcon).to.exist;
|
|
18
|
+
expect(itemViews).to.exist;
|
|
19
|
+
});
|
|
20
|
+
it('should render with creator element with title', async () => {
|
|
21
|
+
var _a;
|
|
22
22
|
const el = await fixture(html `
|
|
23
23
|
<tile-list-compact
|
|
24
24
|
.model=${{ creators: ['someone'] }}
|
|
25
25
|
></tile-list-compact>
|
|
26
|
-
`);
|
|
27
|
-
const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
|
|
28
|
-
expect(creator).to.exist;
|
|
29
|
-
});
|
|
30
|
-
it('should render weekly views when sorting by week', async () => {
|
|
31
|
-
var _a, _b;
|
|
26
|
+
`);
|
|
27
|
+
const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
|
|
28
|
+
expect(creator).to.exist;
|
|
29
|
+
});
|
|
30
|
+
it('should render weekly views when sorting by week', async () => {
|
|
31
|
+
var _a, _b;
|
|
32
32
|
const el = await fixture(html `
|
|
33
33
|
<tile-list-compact
|
|
34
34
|
.model=${{ viewCount: 50, weeklyViewCount: 10 }}
|
|
35
35
|
.sortParam=${{ field: 'week', direction: 'desc' }}
|
|
36
36
|
>
|
|
37
37
|
</tile-list-compact>
|
|
38
|
-
`);
|
|
39
|
-
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
40
|
-
expect(viewsColumn).to.exist;
|
|
41
|
-
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
|
|
42
|
-
});
|
|
43
|
-
it('should render 0 for views if missing model', async () => {
|
|
44
|
-
var _a, _b;
|
|
38
|
+
`);
|
|
39
|
+
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
40
|
+
expect(viewsColumn).to.exist;
|
|
41
|
+
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
|
|
42
|
+
});
|
|
43
|
+
it('should render 0 for views if missing model', async () => {
|
|
44
|
+
var _a, _b;
|
|
45
45
|
const el = await fixture(html `
|
|
46
46
|
<tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
|
|
47
47
|
</tile-list-compact>
|
|
48
|
-
`);
|
|
49
|
-
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
50
|
-
expect(viewsColumn).to.exist;
|
|
51
|
-
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
|
|
52
|
-
});
|
|
53
|
-
it('should render published date when sorting by it', async () => {
|
|
54
|
-
var _a, _b;
|
|
55
|
-
const model = {
|
|
56
|
-
dateAdded: new Date('2010-01-01'),
|
|
57
|
-
dateArchived: new Date('2011-01-01'),
|
|
58
|
-
datePublished: new Date('2012-01-01'),
|
|
59
|
-
dateReviewed: new Date('2013-01-01'),
|
|
60
|
-
};
|
|
48
|
+
`);
|
|
49
|
+
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
50
|
+
expect(viewsColumn).to.exist;
|
|
51
|
+
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
|
|
52
|
+
});
|
|
53
|
+
it('should render published date when sorting by it', async () => {
|
|
54
|
+
var _a, _b;
|
|
55
|
+
const model = {
|
|
56
|
+
dateAdded: new Date('2010-01-01'),
|
|
57
|
+
dateArchived: new Date('2011-01-01'),
|
|
58
|
+
datePublished: new Date('2012-01-01'),
|
|
59
|
+
dateReviewed: new Date('2013-01-01'),
|
|
60
|
+
};
|
|
61
61
|
const el = await fixture(html `
|
|
62
62
|
<tile-list-compact
|
|
63
63
|
.model=${model}
|
|
64
64
|
.sortParam=${{ field: 'date', direction: 'desc' }}
|
|
65
65
|
>
|
|
66
66
|
</tile-list-compact>
|
|
67
|
-
`);
|
|
68
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
69
|
-
expect(dateColumn).to.exist;
|
|
70
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2012');
|
|
71
|
-
});
|
|
72
|
-
it('should render added date when sorting by it', async () => {
|
|
73
|
-
var _a, _b;
|
|
74
|
-
const model = {
|
|
75
|
-
dateAdded: new Date('2010-01-01'),
|
|
76
|
-
dateArchived: new Date('2011-01-01'),
|
|
77
|
-
datePublished: new Date('2012-01-01'),
|
|
78
|
-
dateReviewed: new Date('2013-01-01'),
|
|
79
|
-
};
|
|
67
|
+
`);
|
|
68
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
69
|
+
expect(dateColumn).to.exist;
|
|
70
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2012');
|
|
71
|
+
});
|
|
72
|
+
it('should render added date when sorting by it', async () => {
|
|
73
|
+
var _a, _b;
|
|
74
|
+
const model = {
|
|
75
|
+
dateAdded: new Date('2010-01-01'),
|
|
76
|
+
dateArchived: new Date('2011-01-01'),
|
|
77
|
+
datePublished: new Date('2012-01-01'),
|
|
78
|
+
dateReviewed: new Date('2013-01-01'),
|
|
79
|
+
};
|
|
80
80
|
const el = await fixture(html `
|
|
81
81
|
<tile-list-compact
|
|
82
82
|
.model=${model}
|
|
83
83
|
.sortParam=${{ field: 'addeddate', direction: 'desc' }}
|
|
84
84
|
>
|
|
85
85
|
</tile-list-compact>
|
|
86
|
-
`);
|
|
87
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
88
|
-
expect(dateColumn).to.exist;
|
|
89
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
|
|
90
|
-
});
|
|
91
|
-
it('should render archived date when sorting by it', async () => {
|
|
92
|
-
var _a, _b;
|
|
93
|
-
const model = {
|
|
94
|
-
dateAdded: new Date('2010-01-01'),
|
|
95
|
-
dateArchived: new Date('2011-01-01'),
|
|
96
|
-
datePublished: new Date('2012-01-01'),
|
|
97
|
-
dateReviewed: new Date('2013-01-01'),
|
|
98
|
-
};
|
|
86
|
+
`);
|
|
87
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
88
|
+
expect(dateColumn).to.exist;
|
|
89
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
|
|
90
|
+
});
|
|
91
|
+
it('should render archived date when sorting by it', async () => {
|
|
92
|
+
var _a, _b;
|
|
93
|
+
const model = {
|
|
94
|
+
dateAdded: new Date('2010-01-01'),
|
|
95
|
+
dateArchived: new Date('2011-01-01'),
|
|
96
|
+
datePublished: new Date('2012-01-01'),
|
|
97
|
+
dateReviewed: new Date('2013-01-01'),
|
|
98
|
+
};
|
|
99
99
|
const el = await fixture(html `
|
|
100
100
|
<tile-list-compact
|
|
101
101
|
.model=${model}
|
|
102
102
|
.sortParam=${{ field: 'publicdate', direction: 'desc' }}
|
|
103
103
|
>
|
|
104
104
|
</tile-list-compact>
|
|
105
|
-
`);
|
|
106
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
107
|
-
expect(dateColumn).to.exist;
|
|
108
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2011');
|
|
109
|
-
});
|
|
110
|
-
it('should render reviewed date when sorting by it', async () => {
|
|
111
|
-
var _a, _b;
|
|
112
|
-
const model = {
|
|
113
|
-
dateAdded: new Date('2010-01-01'),
|
|
114
|
-
dateArchived: new Date('2011-01-01'),
|
|
115
|
-
datePublished: new Date('2012-01-01'),
|
|
116
|
-
dateReviewed: new Date('2013-01-01'),
|
|
117
|
-
};
|
|
105
|
+
`);
|
|
106
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
107
|
+
expect(dateColumn).to.exist;
|
|
108
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2011');
|
|
109
|
+
});
|
|
110
|
+
it('should render reviewed date when sorting by it', async () => {
|
|
111
|
+
var _a, _b;
|
|
112
|
+
const model = {
|
|
113
|
+
dateAdded: new Date('2010-01-01'),
|
|
114
|
+
dateArchived: new Date('2011-01-01'),
|
|
115
|
+
datePublished: new Date('2012-01-01'),
|
|
116
|
+
dateReviewed: new Date('2013-01-01'),
|
|
117
|
+
};
|
|
118
118
|
const el = await fixture(html `
|
|
119
119
|
<tile-list-compact
|
|
120
120
|
.model=${model}
|
|
121
121
|
.sortParam=${{ field: 'reviewdate', direction: 'desc' }}
|
|
122
122
|
>
|
|
123
123
|
</tile-list-compact>
|
|
124
|
-
`);
|
|
125
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
126
|
-
expect(dateColumn).to.exist;
|
|
127
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2013');
|
|
128
|
-
});
|
|
129
|
-
});
|
|
124
|
+
`);
|
|
125
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
126
|
+
expect(dateColumn).to.exist;
|
|
127
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2013');
|
|
128
|
+
});
|
|
129
|
+
});
|
|
130
130
|
//# sourceMappingURL=tile-list-compact.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/list/tile-list';
|
|
1
|
+
import '../../../src/tiles/list/tile-list';
|