@internetarchive/collection-browser 2.5.2 → 2.6.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/.husky/pre-commit +4 -4
- package/LICENSE +661 -661
- package/README.md +83 -83
- package/dist/index.d.ts +12 -12
- package/dist/index.js +12 -12
- package/dist/src/app-root.d.ts +91 -91
- package/dist/src/app-root.js +487 -487
- 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/contract.d.ts +2 -2
- package/dist/src/assets/img/icons/contract.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/expand.d.ts +2 -2
- package/dist/src/assets/img/icons/expand.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/favorite-unfilled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-unfilled.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/search.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/search.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 +564 -564
- package/dist/src/collection-browser.js +1579 -1569
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-row.d.ts +30 -30
- package/dist/src/collection-facets/facet-row.js +120 -117
- package/dist/src/collection-facets/facet-row.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 +13 -13
- package/dist/src/collection-facets/facets-template.js +45 -43
- package/dist/src/collection-facets/facets-template.js.map +1 -1
- package/dist/src/collection-facets/more-facets-content.d.ts +106 -106
- package/dist/src/collection-facets/more-facets-content.js +407 -407
- package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
- package/dist/src/collection-facets/more-facets-pagination.js +196 -196
- package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
- package/dist/src/collection-facets/toggle-switch.js +94 -94
- package/dist/src/collection-facets.d.ts +103 -103
- package/dist/src/collection-facets.js +534 -516
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source-interface.d.ts +241 -241
- package/dist/src/data-source/collection-browser-data-source-interface.js +1 -1
- package/dist/src/data-source/collection-browser-data-source.d.ts +378 -378
- package/dist/src/data-source/collection-browser-data-source.js +984 -985
- package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
- package/dist/src/data-source/collection-browser-query-state.d.ts +43 -43
- package/dist/src/data-source/collection-browser-query-state.js +1 -1
- package/dist/src/data-source/models.d.ts +28 -28
- package/dist/src/data-source/models.js +8 -8
- package/dist/src/empty-placeholder.d.ts +23 -23
- package/dist/src/empty-placeholder.js +92 -79
- package/dist/src/empty-placeholder.js.map +1 -1
- package/dist/src/expanded-date-picker.d.ts +43 -43
- package/dist/src/expanded-date-picker.js +109 -109
- 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/manage/manage-bar.d.ts +30 -30
- package/dist/src/manage/manage-bar.js +61 -61
- package/dist/src/mediatype/mediatype-config.d.ts +3 -3
- package/dist/src/mediatype/mediatype-config.js +91 -91
- package/dist/src/models.d.ts +211 -209
- package/dist/src/models.js +381 -381
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.d.ts +70 -70
- package/dist/src/restoration-state-handler.js +357 -357
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
- package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
- 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-toggle-disabled.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-up.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 +223 -222
- package/dist/src/sort-filter-bar/sort-filter-bar.js +700 -696
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/styles/ia-button.d.ts +2 -2
- package/dist/src/styles/ia-button.js +16 -16
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +9 -9
- package/dist/src/styles/sr-only.d.ts +1 -1
- package/dist/src/styles/sr-only.js +2 -2
- package/dist/src/tiles/base-tile-component.d.ts +19 -19
- package/dist/src/tiles/base-tile-component.js +63 -63
- 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 +18 -18
- package/dist/src/tiles/grid/account-tile.js +72 -72
- package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
- package/dist/src/tiles/grid/collection-tile.js +80 -80
- package/dist/src/tiles/grid/item-tile.d.ts +30 -30
- package/dist/src/tiles/grid/item-tile.js +149 -149
- package/dist/src/tiles/grid/search-tile.d.ts +10 -10
- package/dist/src/tiles/grid/search-tile.js +51 -51
- 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 +8 -8
- package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
- package/dist/src/tiles/grid/tile-stats.js +53 -53
- package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
- package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +18 -18
- package/dist/src/tiles/hover/tile-hover-pane.js +69 -69
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +73 -73
- package/dist/src/tiles/item-image.d.ts +39 -39
- package/dist/src/tiles/item-image.js +154 -154
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
- package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
- package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
- package/dist/src/tiles/list/tile-list-compact.js +114 -114
- package/dist/src/tiles/list/tile-list.d.ts +50 -50
- package/dist/src/tiles/list/tile-list.js +315 -315
- 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/review-block.d.ts +12 -12
- package/dist/src/tiles/review-block.js +56 -56
- 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 +64 -64
- package/dist/src/tiles/tile-dispatcher.js +229 -229
- package/dist/src/tiles/tile-display-value-provider.d.ts +47 -47
- package/dist/src/tiles/tile-display-value-provider.js +94 -94
- package/dist/src/utils/analytics-events.d.ts +28 -28
- package/dist/src/utils/analytics-events.js +30 -30
- package/dist/src/utils/array-equals.d.ts +4 -4
- package/dist/src/utils/array-equals.js +10 -10
- package/dist/src/utils/collapse-repeated-quotes.d.ts +11 -11
- package/dist/src/utils/collapse-repeated-quotes.js +13 -13
- package/dist/src/utils/facet-utils.d.ts +83 -83
- package/dist/src/utils/facet-utils.js +145 -145
- 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 +25 -25
- package/dist/src/utils/format-unit-size.d.ts +2 -2
- package/dist/src/utils/format-unit-size.js +33 -33
- package/dist/src/utils/local-date-from-utc.d.ts +9 -9
- package/dist/src/utils/local-date-from-utc.js +15 -15
- package/dist/src/utils/log.d.ts +7 -7
- package/dist/src/utils/log.js +15 -15
- package/dist/src/utils/resolve-mediatype.d.ts +8 -8
- package/dist/src/utils/resolve-mediatype.js +23 -23
- package/dist/src/utils/sha1.d.ts +2 -2
- package/dist/src/utils/sha1.js +8 -8
- package/dist/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +1294 -1294
- package/dist/test/collection-facets/facet-row.test.d.ts +1 -1
- package/dist/test/collection-facets/facet-row.test.js +227 -227
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +91 -91
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +141 -141
- 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/toggle-switch.test.d.ts +1 -1
- package/dist/test/collection-facets/toggle-switch.test.js +73 -73
- package/dist/test/collection-facets.test.d.ts +2 -2
- package/dist/test/collection-facets.test.js +652 -652
- package/dist/test/data-source/collection-browser-data-source.test.d.ts +1 -1
- package/dist/test/data-source/collection-browser-data-source.test.js +89 -89
- package/dist/test/empty-placeholder.test.d.ts +1 -1
- package/dist/test/empty-placeholder.test.js +63 -63
- package/dist/test/expanded-date-picker.test.d.ts +1 -1
- package/dist/test/expanded-date-picker.test.js +95 -95
- 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 +85 -85
- package/dist/test/manage/manage-bar.test.d.ts +1 -1
- package/dist/test/manage/manage-bar.test.js +81 -81
- 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-search-responses.d.ts +25 -25
- package/dist/test/mocks/mock-search-responses.js +942 -942
- package/dist/test/mocks/mock-search-service.d.ts +15 -15
- package/dist/test/mocks/mock-search-service.js +54 -54
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +270 -270
- package/dist/test/review-block.test.d.ts +1 -1
- package/dist/test/review-block.test.js +44 -44
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
- 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 +426 -426
- 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 +81 -81
- package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +76 -76
- package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +73 -73
- package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +312 -312
- package/dist/test/tiles/grid/search-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/search-tile.test.js +51 -51
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +259 -259
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +56 -56
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +297 -297
- package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js +100 -100
- package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
- package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
- package/dist/test/utils/array-equals.test.d.ts +1 -1
- package/dist/test/utils/array-equals.test.js +26 -26
- 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/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
- package/dist/test/utils/local-date-from-utc.test.js +26 -26
- 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 +26 -10
- package/src/collection-facets/facet-row.ts +3 -0
- package/src/collection-facets/facets-template.ts +3 -1
- package/src/collection-facets.ts +20 -2
- package/src/data-source/collection-browser-data-source.ts +1 -5
- package/src/empty-placeholder.ts +18 -5
- package/src/models.ts +8 -1
- package/src/sort-filter-bar/sort-filter-bar.ts +4 -0
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
import '../../../src/tiles/hover/tile-hover-pane';
|
|
4
|
-
describe('Tile Hover Pane', () => {
|
|
5
|
-
it('should render initial component', async () => {
|
|
6
|
-
var _a, _b;
|
|
7
|
-
const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
|
|
8
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
9
|
-
const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
|
|
10
|
-
expect(container).to.exist;
|
|
11
|
-
expect(listView).to.exist;
|
|
12
|
-
});
|
|
13
|
-
it('should render component with header element', async () => {
|
|
14
|
-
var _a, _b;
|
|
15
|
-
const model = {
|
|
16
|
-
mediatype: 'texts',
|
|
17
|
-
collections: ['collection1', 'fav-jack-sparrow'],
|
|
18
|
-
};
|
|
19
|
-
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
20
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
21
|
-
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
22
|
-
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
23
|
-
expect(container).to.exist;
|
|
24
|
-
expect(listView).to.exist;
|
|
25
|
-
expect(headerElement).to.exist;
|
|
26
|
-
expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
|
|
27
|
-
});
|
|
28
|
-
it('should NOT render header element when fav- collection', async () => {
|
|
29
|
-
var _a;
|
|
30
|
-
const model = {
|
|
31
|
-
mediatype: 'texts',
|
|
32
|
-
collections: ['fav-jack-sparrow'],
|
|
33
|
-
};
|
|
34
|
-
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
35
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
36
|
-
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
37
|
-
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
38
|
-
expect(container).to.exist;
|
|
39
|
-
expect(listView).to.exist;
|
|
40
|
-
expect(headerElement).not.exist;
|
|
41
|
-
});
|
|
42
|
-
it('should NOT render header element when no collections', async () => {
|
|
43
|
-
var _a;
|
|
44
|
-
const model = {
|
|
45
|
-
mediatype: 'texts',
|
|
46
|
-
collections: [],
|
|
47
|
-
};
|
|
48
|
-
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
49
|
-
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
50
|
-
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
51
|
-
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
52
|
-
expect(container).to.exist;
|
|
53
|
-
expect(listView).to.exist;
|
|
54
|
-
expect(headerElement).not.exist;
|
|
55
|
-
});
|
|
56
|
-
});
|
|
1
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
+
import { html } from 'lit';
|
|
3
|
+
import '../../../src/tiles/hover/tile-hover-pane';
|
|
4
|
+
describe('Tile Hover Pane', () => {
|
|
5
|
+
it('should render initial component', async () => {
|
|
6
|
+
var _a, _b;
|
|
7
|
+
const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
|
|
8
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
9
|
+
const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
|
|
10
|
+
expect(container).to.exist;
|
|
11
|
+
expect(listView).to.exist;
|
|
12
|
+
});
|
|
13
|
+
it('should render component with header element', async () => {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
const model = {
|
|
16
|
+
mediatype: 'texts',
|
|
17
|
+
collections: ['collection1', 'fav-jack-sparrow'],
|
|
18
|
+
};
|
|
19
|
+
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
20
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
21
|
+
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
22
|
+
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
23
|
+
expect(container).to.exist;
|
|
24
|
+
expect(listView).to.exist;
|
|
25
|
+
expect(headerElement).to.exist;
|
|
26
|
+
expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
|
|
27
|
+
});
|
|
28
|
+
it('should NOT render header element when fav- collection', async () => {
|
|
29
|
+
var _a;
|
|
30
|
+
const model = {
|
|
31
|
+
mediatype: 'texts',
|
|
32
|
+
collections: ['fav-jack-sparrow'],
|
|
33
|
+
};
|
|
34
|
+
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
35
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
36
|
+
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
37
|
+
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
38
|
+
expect(container).to.exist;
|
|
39
|
+
expect(listView).to.exist;
|
|
40
|
+
expect(headerElement).not.exist;
|
|
41
|
+
});
|
|
42
|
+
it('should NOT render header element when no collections', async () => {
|
|
43
|
+
var _a;
|
|
44
|
+
const model = {
|
|
45
|
+
mediatype: 'texts',
|
|
46
|
+
collections: [],
|
|
47
|
+
};
|
|
48
|
+
const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
|
|
49
|
+
const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
|
|
50
|
+
const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
|
|
51
|
+
const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
|
|
52
|
+
expect(container).to.exist;
|
|
53
|
+
expect(listView).to.exist;
|
|
54
|
+
expect(headerElement).not.exist;
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
57
|
//# sourceMappingURL=tile-hover-pane.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/list/tile-list-compact';
|
|
1
|
+
import '../../../src/tiles/list/tile-list-compact';
|
|
@@ -1,201 +1,201 @@
|
|
|
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 title link with model href if provided', async () => {
|
|
31
|
-
var _a;
|
|
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 title link with model href if provided', async () => {
|
|
31
|
+
var _a;
|
|
32
32
|
const el = await fixture(html `
|
|
33
33
|
<tile-list-compact
|
|
34
34
|
.baseNavigationUrl=${''}
|
|
35
35
|
.model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}
|
|
36
36
|
></tile-list-compact>
|
|
37
|
-
`);
|
|
38
|
-
const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
|
|
39
|
-
expect(title).to.exist;
|
|
40
|
-
expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
|
|
41
|
-
});
|
|
42
|
-
it('should render weekly views when sorting by week', async () => {
|
|
43
|
-
var _a, _b;
|
|
37
|
+
`);
|
|
38
|
+
const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
|
|
39
|
+
expect(title).to.exist;
|
|
40
|
+
expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
|
|
41
|
+
});
|
|
42
|
+
it('should render weekly views when sorting by week', async () => {
|
|
43
|
+
var _a, _b;
|
|
44
44
|
const el = await fixture(html `
|
|
45
45
|
<tile-list-compact
|
|
46
46
|
.model=${{ viewCount: 50, weeklyViewCount: 10 }}
|
|
47
47
|
.sortParam=${{ field: 'week', direction: 'desc' }}
|
|
48
48
|
>
|
|
49
49
|
</tile-list-compact>
|
|
50
|
-
`);
|
|
51
|
-
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
52
|
-
expect(viewsColumn).to.exist;
|
|
53
|
-
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
|
|
54
|
-
});
|
|
55
|
-
it('should render 0 for views if missing model', async () => {
|
|
56
|
-
var _a, _b;
|
|
50
|
+
`);
|
|
51
|
+
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
52
|
+
expect(viewsColumn).to.exist;
|
|
53
|
+
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
|
|
54
|
+
});
|
|
55
|
+
it('should render 0 for views if missing model', async () => {
|
|
56
|
+
var _a, _b;
|
|
57
57
|
const el = await fixture(html `
|
|
58
58
|
<tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
|
|
59
59
|
</tile-list-compact>
|
|
60
|
-
`);
|
|
61
|
-
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
62
|
-
expect(viewsColumn).to.exist;
|
|
63
|
-
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
|
|
64
|
-
});
|
|
65
|
-
it('should render published date when sorting by it', async () => {
|
|
66
|
-
var _a, _b;
|
|
67
|
-
const model = {
|
|
68
|
-
dateAdded: new Date(2010, 0, 2),
|
|
69
|
-
dateArchived: new Date(2011, 0, 2),
|
|
70
|
-
datePublished: new Date(2012, 0, 2),
|
|
71
|
-
dateReviewed: new Date(2013, 0, 2),
|
|
72
|
-
};
|
|
60
|
+
`);
|
|
61
|
+
const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
|
|
62
|
+
expect(viewsColumn).to.exist;
|
|
63
|
+
expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
|
|
64
|
+
});
|
|
65
|
+
it('should render published date when sorting by it', async () => {
|
|
66
|
+
var _a, _b;
|
|
67
|
+
const model = {
|
|
68
|
+
dateAdded: new Date(2010, 0, 2),
|
|
69
|
+
dateArchived: new Date(2011, 0, 2),
|
|
70
|
+
datePublished: new Date(2012, 0, 2),
|
|
71
|
+
dateReviewed: new Date(2013, 0, 2),
|
|
72
|
+
};
|
|
73
73
|
const el = await fixture(html `
|
|
74
74
|
<tile-list-compact
|
|
75
75
|
.model=${model}
|
|
76
76
|
.sortParam=${{ field: 'date', direction: 'desc' }}
|
|
77
77
|
>
|
|
78
78
|
</tile-list-compact>
|
|
79
|
-
`);
|
|
80
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
81
|
-
expect(dateColumn).to.exist;
|
|
82
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
|
|
83
|
-
});
|
|
84
|
-
it('should render added date when sorting by it', async () => {
|
|
85
|
-
var _a, _b;
|
|
86
|
-
const model = {
|
|
87
|
-
dateAdded: new Date(2010, 0, 2),
|
|
88
|
-
dateArchived: new Date(2011, 0, 2),
|
|
89
|
-
datePublished: new Date(2012, 0, 2),
|
|
90
|
-
dateReviewed: new Date(2013, 0, 2),
|
|
91
|
-
};
|
|
79
|
+
`);
|
|
80
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
81
|
+
expect(dateColumn).to.exist;
|
|
82
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
|
|
83
|
+
});
|
|
84
|
+
it('should render added date when sorting by it', async () => {
|
|
85
|
+
var _a, _b;
|
|
86
|
+
const model = {
|
|
87
|
+
dateAdded: new Date(2010, 0, 2),
|
|
88
|
+
dateArchived: new Date(2011, 0, 2),
|
|
89
|
+
datePublished: new Date(2012, 0, 2),
|
|
90
|
+
dateReviewed: new Date(2013, 0, 2),
|
|
91
|
+
};
|
|
92
92
|
const el = await fixture(html `
|
|
93
93
|
<tile-list-compact
|
|
94
94
|
.model=${model}
|
|
95
95
|
.sortParam=${{ field: 'addeddate', direction: 'desc' }}
|
|
96
96
|
>
|
|
97
97
|
</tile-list-compact>
|
|
98
|
-
`);
|
|
99
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
100
|
-
expect(dateColumn).to.exist;
|
|
101
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
|
|
102
|
-
});
|
|
103
|
-
it('should render archived date when sorting by it', async () => {
|
|
104
|
-
var _a, _b;
|
|
105
|
-
const model = {
|
|
106
|
-
dateAdded: new Date(2010, 0, 2),
|
|
107
|
-
dateArchived: new Date(2011, 0, 2),
|
|
108
|
-
datePublished: new Date(2012, 0, 2),
|
|
109
|
-
dateReviewed: new Date(2013, 0, 2),
|
|
110
|
-
};
|
|
98
|
+
`);
|
|
99
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
100
|
+
expect(dateColumn).to.exist;
|
|
101
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
|
|
102
|
+
});
|
|
103
|
+
it('should render archived date when sorting by it', async () => {
|
|
104
|
+
var _a, _b;
|
|
105
|
+
const model = {
|
|
106
|
+
dateAdded: new Date(2010, 0, 2),
|
|
107
|
+
dateArchived: new Date(2011, 0, 2),
|
|
108
|
+
datePublished: new Date(2012, 0, 2),
|
|
109
|
+
dateReviewed: new Date(2013, 0, 2),
|
|
110
|
+
};
|
|
111
111
|
const el = await fixture(html `
|
|
112
112
|
<tile-list-compact
|
|
113
113
|
.model=${model}
|
|
114
114
|
.sortParam=${{ field: 'publicdate', direction: 'desc' }}
|
|
115
115
|
>
|
|
116
116
|
</tile-list-compact>
|
|
117
|
-
`);
|
|
118
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
119
|
-
expect(dateColumn).to.exist;
|
|
120
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
|
|
121
|
-
});
|
|
122
|
-
it('should render reviewed date when sorting by it', async () => {
|
|
123
|
-
var _a, _b;
|
|
124
|
-
const model = {
|
|
125
|
-
dateAdded: new Date(2010, 0, 2),
|
|
126
|
-
dateArchived: new Date(2011, 0, 2),
|
|
127
|
-
datePublished: new Date(2012, 0, 2),
|
|
128
|
-
dateReviewed: new Date(2013, 0, 2),
|
|
129
|
-
};
|
|
117
|
+
`);
|
|
118
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
119
|
+
expect(dateColumn).to.exist;
|
|
120
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
|
|
121
|
+
});
|
|
122
|
+
it('should render reviewed date when sorting by it', async () => {
|
|
123
|
+
var _a, _b;
|
|
124
|
+
const model = {
|
|
125
|
+
dateAdded: new Date(2010, 0, 2),
|
|
126
|
+
dateArchived: new Date(2011, 0, 2),
|
|
127
|
+
datePublished: new Date(2012, 0, 2),
|
|
128
|
+
dateReviewed: new Date(2013, 0, 2),
|
|
129
|
+
};
|
|
130
130
|
const el = await fixture(html `
|
|
131
131
|
<tile-list-compact
|
|
132
132
|
.model=${model}
|
|
133
133
|
.sortParam=${{ field: 'reviewdate', direction: 'desc' }}
|
|
134
134
|
>
|
|
135
135
|
</tile-list-compact>
|
|
136
|
-
`);
|
|
137
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
138
|
-
expect(dateColumn).to.exist;
|
|
139
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
|
|
140
|
-
});
|
|
141
|
-
it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
|
|
142
|
-
var _a, _b;
|
|
143
|
-
const model = {
|
|
144
|
-
datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
|
|
145
|
-
};
|
|
136
|
+
`);
|
|
137
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
138
|
+
expect(dateColumn).to.exist;
|
|
139
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
|
|
140
|
+
});
|
|
141
|
+
it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
|
|
142
|
+
var _a, _b;
|
|
143
|
+
const model = {
|
|
144
|
+
datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
|
|
145
|
+
};
|
|
146
146
|
const el = await fixture(html `
|
|
147
147
|
<tile-list-compact
|
|
148
148
|
.model=${model}
|
|
149
149
|
.sortParam=${{ field: 'date', direction: 'desc' }}
|
|
150
150
|
>
|
|
151
151
|
</tile-list-compact>
|
|
152
|
-
`);
|
|
153
|
-
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
154
|
-
expect(dateColumn).to.exist;
|
|
155
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
|
|
156
|
-
});
|
|
157
|
-
it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
|
|
158
|
-
var _a, _b, _c, _d, _e, _f;
|
|
159
|
-
const model = {
|
|
160
|
-
dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
|
|
161
|
-
dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
|
|
162
|
-
datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
|
|
163
|
-
dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
|
|
164
|
-
};
|
|
152
|
+
`);
|
|
153
|
+
const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
154
|
+
expect(dateColumn).to.exist;
|
|
155
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
|
|
156
|
+
});
|
|
157
|
+
it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
|
|
158
|
+
var _a, _b, _c, _d, _e, _f;
|
|
159
|
+
const model = {
|
|
160
|
+
dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
|
|
161
|
+
dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
|
|
162
|
+
datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
|
|
163
|
+
dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
|
|
164
|
+
};
|
|
165
165
|
const el = await fixture(html `
|
|
166
166
|
<tile-list-compact
|
|
167
167
|
.model=${model}
|
|
168
168
|
.sortParam=${{ field: 'addeddate', direction: 'desc' }}
|
|
169
169
|
>
|
|
170
170
|
</tile-list-compact>
|
|
171
|
-
`);
|
|
172
|
-
let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
173
|
-
expect(dateColumn).to.exist;
|
|
174
|
-
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
|
|
175
|
-
el.sortParam = { field: 'publicdate', direction: 'desc' };
|
|
176
|
-
await el.updateComplete;
|
|
177
|
-
dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
|
|
178
|
-
expect(dateColumn).to.exist;
|
|
179
|
-
expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
|
|
180
|
-
el.sortParam = { field: 'reviewdate', direction: 'desc' };
|
|
181
|
-
await el.updateComplete;
|
|
182
|
-
dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
|
|
183
|
-
expect(dateColumn).to.exist;
|
|
184
|
-
expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
|
|
185
|
-
});
|
|
186
|
-
it('should show the first creator matching the letter filter, if defined', async () => {
|
|
187
|
-
var _a, _b;
|
|
188
|
-
const model = {
|
|
189
|
-
creator: 'foo',
|
|
190
|
-
creators: ['foo', 'bar', 'baz'],
|
|
191
|
-
};
|
|
171
|
+
`);
|
|
172
|
+
let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
|
|
173
|
+
expect(dateColumn).to.exist;
|
|
174
|
+
expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
|
|
175
|
+
el.sortParam = { field: 'publicdate', direction: 'desc' };
|
|
176
|
+
await el.updateComplete;
|
|
177
|
+
dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
|
|
178
|
+
expect(dateColumn).to.exist;
|
|
179
|
+
expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
|
|
180
|
+
el.sortParam = { field: 'reviewdate', direction: 'desc' };
|
|
181
|
+
await el.updateComplete;
|
|
182
|
+
dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
|
|
183
|
+
expect(dateColumn).to.exist;
|
|
184
|
+
expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
|
|
185
|
+
});
|
|
186
|
+
it('should show the first creator matching the letter filter, if defined', async () => {
|
|
187
|
+
var _a, _b;
|
|
188
|
+
const model = {
|
|
189
|
+
creator: 'foo',
|
|
190
|
+
creators: ['foo', 'bar', 'baz'],
|
|
191
|
+
};
|
|
192
192
|
const el = await fixture(html `
|
|
193
193
|
<tile-list-compact .model=${model} .creatorFilter=${'B'}>
|
|
194
194
|
</tile-list-compact>
|
|
195
|
-
`);
|
|
196
|
-
const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
|
|
197
|
-
expect(creator).to.exist;
|
|
198
|
-
expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
|
|
199
|
-
});
|
|
200
|
-
});
|
|
195
|
+
`);
|
|
196
|
+
const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
|
|
197
|
+
expect(creator).to.exist;
|
|
198
|
+
expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
|
|
199
|
+
});
|
|
200
|
+
});
|
|
201
201
|
//# sourceMappingURL=tile-list-compact.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../../src/tiles/list/tile-list';
|
|
1
|
+
import '../../../src/tiles/list/tile-list';
|