@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.8-alpha1
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/.github/workflows/ci.yml +3 -3
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/src/app-root.d.ts +9 -1
- package/dist/src/app-root.js +40 -6
- package/dist/src/app-root.js.map +1 -1
- package/dist/src/assets/img/icons/arrow-left.d.ts +1 -1
- package/dist/src/assets/img/icons/arrow-right.d.ts +1 -1
- package/dist/src/assets/img/icons/chevron.d.ts +1 -1
- package/dist/src/assets/img/icons/contract.d.ts +1 -1
- package/dist/src/assets/img/icons/empty-query.d.ts +1 -1
- package/dist/src/assets/img/icons/expand.d.ts +1 -1
- package/dist/src/assets/img/icons/eye-closed.d.ts +1 -1
- package/dist/src/assets/img/icons/eye.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-unfilled.d.ts +1 -1
- package/dist/src/assets/img/icons/filter.d.ts +1 -1
- package/dist/src/assets/img/icons/login-required.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/search.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
- package/dist/src/assets/img/icons/null-result.d.ts +1 -1
- package/dist/src/assets/img/icons/restricted.d.ts +1 -1
- package/dist/src/assets/img/icons/reviews.d.ts +1 -1
- package/dist/src/assets/img/icons/upload.d.ts +1 -1
- package/dist/src/assets/img/icons/views.d.ts +1 -1
- package/dist/src/circular-activity-indicator.d.ts +1 -1
- package/dist/src/circular-activity-indicator.js.map +1 -1
- package/dist/src/collection-browser.d.ts +21 -1
- package/dist/src/collection-browser.js +60 -17
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-row.js.map +1 -1
- package/dist/src/collection-facets/facet-tombstone-row.d.ts +1 -1
- package/dist/src/collection-facets/facet-tombstone-row.js.map +1 -1
- package/dist/src/collection-facets/facets-template.js +5 -5
- package/dist/src/collection-facets/facets-template.js.map +1 -1
- package/dist/src/collection-facets/more-facets-content.d.ts +1 -1
- package/dist/src/collection-facets/more-facets-content.js +4 -2
- package/dist/src/collection-facets/more-facets-content.js.map +1 -1
- package/dist/src/collection-facets/more-facets-pagination.js +0 -1
- package/dist/src/collection-facets/more-facets-pagination.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/dedupe.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.js +1 -1
- package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/models.d.ts +2 -2
- package/dist/src/collection-facets/smart-facets/smart-facet-bar.js +4 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-bar.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-button.d.ts +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-button.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.d.ts +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js.map +1 -1
- package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js.map +1 -1
- package/dist/src/collection-facets/toggle-switch.d.ts +2 -2
- package/dist/src/collection-facets/toggle-switch.js +2 -2
- package/dist/src/collection-facets/toggle-switch.js.map +1 -1
- package/dist/src/collection-facets.js +3 -2
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source-interface.d.ts +4 -0
- package/dist/src/data-source/collection-browser-data-source-interface.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source.d.ts +4 -0
- package/dist/src/data-source/collection-browser-data-source.js +22 -8
- package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
- package/dist/src/data-source/collection-browser-query-state.d.ts +1 -0
- package/dist/src/data-source/collection-browser-query-state.js.map +1 -1
- package/dist/src/data-source/models.d.ts +2 -2
- package/dist/src/empty-placeholder.d.ts +1 -1
- package/dist/src/empty-placeholder.js +11 -10
- package/dist/src/empty-placeholder.js.map +1 -1
- package/dist/src/expanded-date-picker.js.map +1 -1
- package/dist/src/language-code-handler/language-code-handler.js.map +1 -1
- package/dist/src/language-code-handler/language-code-mapping.js +86 -86
- package/dist/src/language-code-handler/language-code-mapping.js.map +1 -1
- package/dist/src/manage/manage-bar.d.ts +32 -9
- package/dist/src/manage/manage-bar.js +121 -27
- package/dist/src/manage/manage-bar.js.map +1 -1
- package/dist/src/manage/remove-items-modal-content.d.ts +9 -0
- package/dist/src/manage/remove-items-modal-content.js +104 -0
- package/dist/src/manage/remove-items-modal-content.js.map +1 -0
- package/dist/src/mediatype/mediatype-config.js +0 -1
- package/dist/src/mediatype/mediatype-config.js.map +1 -1
- package/dist/src/models.d.ts +24 -15
- package/dist/src/models.js +3 -3
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.js +1 -0
- package/dist/src/restoration-state-handler.js.map +1 -1
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +1 -1
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.js.map +1 -1
- package/dist/src/sort-filter-bar/alpha-bar.js +9 -9
- 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/list.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
- package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +1 -1
- package/dist/src/sort-filter-bar/sort-filter-bar.js +2 -1
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/tiles/base-tile-component.js.map +1 -1
- package/dist/src/tiles/collection-browser-loading-tile.d.ts +1 -1
- package/dist/src/tiles/collection-browser-loading-tile.js.map +1 -1
- package/dist/src/tiles/grid/account-tile.js.map +1 -1
- package/dist/src/tiles/grid/collection-tile.js.map +1 -1
- package/dist/src/tiles/grid/item-tile.js +3 -2
- package/dist/src/tiles/grid/item-tile.js.map +1 -1
- package/dist/src/tiles/grid/search-tile.js.map +1 -1
- package/dist/src/tiles/grid/tile-stats.d.ts +1 -1
- package/dist/src/tiles/grid/tile-stats.js +2 -2
- package/dist/src/tiles/grid/tile-stats.js.map +1 -1
- package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +1 -1
- package/dist/src/tiles/hover/tile-hover-pane.js +1 -3
- package/dist/src/tiles/hover/tile-hover-pane.js.map +1 -1
- package/dist/src/tiles/image-block.d.ts +1 -1
- package/dist/src/tiles/image-block.js +1 -1
- package/dist/src/tiles/image-block.js.map +1 -1
- package/dist/src/tiles/item-image.d.ts +1 -1
- package/dist/src/tiles/item-image.js +2 -2
- package/dist/src/tiles/item-image.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +1 -1
- package/dist/src/tiles/list/tile-list-compact-header.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact.d.ts +1 -1
- package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
- package/dist/src/tiles/list/tile-list.js +6 -4
- package/dist/src/tiles/list/tile-list.js.map +1 -1
- package/dist/src/tiles/mediatype-icon.d.ts +1 -1
- package/dist/src/tiles/mediatype-icon.js.map +1 -1
- package/dist/src/tiles/overlay/icon-overlay.js.map +1 -1
- package/dist/src/tiles/overlay/text-overlay.js.map +1 -1
- package/dist/src/tiles/review-block.js.map +1 -1
- package/dist/src/tiles/text-snippet-block.js.map +1 -1
- package/dist/src/tiles/tile-dispatcher.d.ts +1 -1
- package/dist/src/tiles/tile-dispatcher.js.map +1 -1
- package/dist/src/tiles/tile-display-value-provider.js.map +1 -1
- package/dist/src/utils/facet-utils.js.map +1 -1
- package/dist/src/utils/format-count.d.ts +2 -2
- package/dist/src/utils/format-count.js +1 -0
- package/dist/src/utils/format-count.js.map +1 -1
- package/dist/src/utils/format-date.d.ts +1 -1
- package/dist/src/utils/format-date.js.map +1 -1
- package/dist/src/utils/format-unit-size.js.map +1 -1
- package/dist/src/utils/log.js +3 -1
- package/dist/src/utils/log.js.map +1 -1
- package/dist/src/utils/resolve-mediatype.js.map +1 -1
- package/dist/test/collection-browser.test.js +17 -2
- package/dist/test/collection-browser.test.js.map +1 -1
- package/dist/test/collection-facets/facet-row.test.js +1 -4
- package/dist/test/collection-facets/facet-row.test.js.map +1 -1
- package/dist/test/collection-facets/facets-template.test.js.map +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +1 -0
- package/dist/test/collection-facets/more-facets-content.test.js.map +1 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +1 -0
- package/dist/test/collection-facets/more-facets-pagination.test.js.map +1 -1
- package/dist/test/collection-facets/toggle-switch.test.js +3 -12
- package/dist/test/collection-facets/toggle-switch.test.js.map +1 -1
- package/dist/test/collection-facets.test.js +1 -0
- package/dist/test/collection-facets.test.js.map +1 -1
- package/dist/test/data-source/collection-browser-data-source.test.js.map +1 -1
- package/dist/test/empty-placeholder.test.js +1 -0
- package/dist/test/empty-placeholder.test.js.map +1 -1
- package/dist/test/expanded-date-picker.test.js.map +1 -1
- package/dist/test/icon-overlay.test.js +1 -0
- package/dist/test/icon-overlay.test.js.map +1 -1
- package/dist/test/image-block.test.js +1 -0
- package/dist/test/image-block.test.js.map +1 -1
- package/dist/test/item-image.test.js +1 -0
- package/dist/test/item-image.test.js.map +1 -1
- package/dist/test/manage/manage-bar.test.d.ts +1 -0
- package/dist/test/manage/manage-bar.test.js +26 -10
- package/dist/test/manage/manage-bar.test.js.map +1 -1
- package/dist/test/manage/remove-items-modal-content.test.d.ts +1 -0
- package/dist/test/manage/remove-items-modal-content.test.js +66 -0
- package/dist/test/manage/remove-items-modal-content.test.js.map +1 -0
- package/dist/test/mocks/mock-search-responses.js.map +1 -1
- package/dist/test/mocks/mock-search-service.js.map +1 -1
- package/dist/test/restoration-state-handler.test.js.map +1 -1
- package/dist/test/review-block.test.js +1 -0
- package/dist/test/review-block.test.js.map +1 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js.map +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js.map +1 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js +1 -0
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +1 -1
- package/dist/test/text-overlay.test.js +1 -0
- package/dist/test/text-overlay.test.js.map +1 -1
- package/dist/test/text-snippet-block.test.js +1 -0
- package/dist/test/text-snippet-block.test.js.map +1 -1
- package/dist/test/tile-stats.test.js +23 -22
- package/dist/test/tile-stats.test.js.map +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +1 -0
- package/dist/test/tiles/grid/account-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +1 -0
- package/dist/test/tiles/grid/collection-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +1 -0
- package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/search-tile.test.js +1 -0
- package/dist/test/tiles/grid/search-tile.test.js.map +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js.map +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js.map +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +1 -0
- package/dist/test/tiles/list/tile-list-compact.test.js.map +1 -1
- package/dist/test/tiles/list/tile-list.test.js +1 -0
- package/dist/test/tiles/list/tile-list.test.js.map +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js.map +1 -1
- package/dist/test/utils/format-count.test.js.map +1 -1
- package/dist/test/utils/format-date.test.js.map +1 -1
- package/dist/test/utils/local-date-from-utc.test.js.map +1 -1
- package/index.html +3 -0
- package/package.json +38 -40
- package/src/app-root.ts +60 -25
- package/src/collection-browser.ts +101 -50
- package/src/collection-facets/facets-template.ts +6 -7
- package/src/collection-facets/more-facets-content.ts +13 -11
- package/src/collection-facets/more-facets-pagination.ts +2 -3
- package/src/collection-facets/smart-facets/dedupe.ts +2 -2
- package/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.ts +1 -1
- package/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.ts +6 -6
- package/src/collection-facets/smart-facets/smart-facet-bar.ts +8 -6
- package/src/collection-facets/smart-facets/smart-facet-button.ts +3 -5
- package/src/collection-facets/smart-facets/smart-facet-dropdown.ts +4 -4
- package/src/collection-facets/smart-facets/smart-facet-heuristics.ts +1 -1
- package/src/collection-facets/toggle-switch.ts +2 -2
- package/src/collection-facets.ts +19 -18
- package/src/data-source/collection-browser-data-source-interface.ts +6 -5
- package/src/data-source/collection-browser-data-source.ts +48 -37
- package/src/data-source/collection-browser-query-state.ts +1 -0
- package/src/empty-placeholder.ts +16 -19
- package/src/expanded-date-picker.ts +1 -1
- package/src/language-code-handler/language-code-handler.ts +1 -1
- package/src/manage/manage-bar.ts +132 -38
- package/src/manage/remove-items-modal-content.ts +102 -0
- package/src/mediatype/mediatype-config.ts +0 -1
- package/src/models.ts +13 -3
- package/src/restoration-state-handler.ts +15 -14
- package/src/sort-filter-bar/alpha-bar.ts +17 -16
- package/src/sort-filter-bar/sort-filter-bar.ts +15 -14
- package/src/tiles/grid/account-tile.ts +1 -1
- package/src/tiles/grid/collection-tile.ts +1 -1
- package/src/tiles/grid/item-tile.ts +9 -9
- package/src/tiles/grid/tile-stats.ts +4 -4
- package/src/tiles/hover/hover-pane-controller.ts +1 -1
- package/src/tiles/hover/tile-hover-pane.ts +2 -4
- package/src/tiles/item-image.ts +1 -1
- package/src/tiles/list/tile-list-compact.ts +2 -2
- package/src/tiles/list/tile-list.ts +24 -22
- package/src/tiles/tile-dispatcher.ts +5 -5
- package/src/tiles/tile-display-value-provider.ts +4 -4
- package/src/utils/facet-utils.ts +6 -6
- package/src/utils/format-count.ts +3 -2
- package/src/utils/format-date.ts +1 -1
- package/src/utils/format-unit-size.ts +1 -1
- package/src/utils/log.ts +3 -1
- package/test/collection-browser.test.ts +145 -123
- package/test/collection-facets/facet-row.test.ts +28 -31
- package/test/collection-facets/facets-template.test.ts +9 -9
- package/test/collection-facets/more-facets-content.test.ts +15 -14
- package/test/collection-facets/more-facets-pagination.test.ts +19 -18
- package/test/collection-facets/toggle-switch.test.ts +18 -28
- package/test/collection-facets.test.ts +37 -36
- package/test/data-source/collection-browser-data-source.test.ts +2 -2
- package/test/empty-placeholder.test.ts +7 -6
- package/test/expanded-date-picker.test.ts +18 -17
- package/test/icon-overlay.test.ts +1 -0
- package/test/image-block.test.ts +7 -6
- package/test/item-image.test.ts +1 -0
- package/test/manage/manage-bar.test.ts +52 -28
- package/test/manage/remove-items-modal-content.test.ts +82 -0
- package/test/mocks/mock-search-responses.ts +1 -2
- package/test/mocks/mock-search-service.ts +1 -1
- package/test/restoration-state-handler.test.ts +12 -12
- package/test/review-block.test.ts +2 -1
- package/test/sort-filter-bar/alpha-bar-tooltip.test.ts +1 -1
- package/test/sort-filter-bar/alpha-bar.test.ts +5 -5
- package/test/sort-filter-bar/sort-filter-bar.test.ts +39 -38
- package/test/text-overlay.test.ts +1 -0
- package/test/text-snippet-block.test.ts +6 -5
- package/test/tile-stats.test.ts +35 -26
- package/test/tiles/grid/account-tile.test.ts +3 -2
- package/test/tiles/grid/collection-tile.test.ts +4 -3
- package/test/tiles/grid/item-tile.test.ts +14 -13
- package/test/tiles/grid/search-tile.test.ts +2 -1
- package/test/tiles/hover/hover-pane-controller.test.ts +15 -15
- package/test/tiles/hover/tile-hover-pane.test.ts +5 -5
- package/test/tiles/list/tile-list-compact.test.ts +2 -1
- package/test/tiles/list/tile-list.test.ts +11 -10
- package/test/tiles/tile-dispatcher.test.ts +5 -5
- package/test/utils/format-count.test.ts +1 -1
- package/test/utils/format-date.test.ts +1 -1
- package/test/utils/local-date-from-utc.test.ts +1 -1
- package/tsconfig.json +1 -0
- package/.prettierignore +0 -1
- package/eslint.config.mjs +0 -53
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import sinon from 'sinon';
|
|
3
4
|
import { html } from 'lit';
|
|
@@ -18,10 +19,10 @@ describe('Sort selector default buttons', async () => {
|
|
|
18
19
|
<sort-filter-bar></sort-filter-bar>
|
|
19
20
|
`);
|
|
20
21
|
sortSelectorContainer = el.shadowRoot?.querySelector(
|
|
21
|
-
'#sort-selector-container'
|
|
22
|
+
'#sort-selector-container'
|
|
22
23
|
);
|
|
23
24
|
desktopSortSelector = sortSelectorContainer?.querySelector(
|
|
24
|
-
'#desktop-sort-selector'
|
|
25
|
+
'#desktop-sort-selector'
|
|
25
26
|
);
|
|
26
27
|
|
|
27
28
|
el.resizeObserver = new SharedResizeObserver();
|
|
@@ -41,7 +42,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
41
42
|
|
|
42
43
|
it('should render sort direction button', async () => {
|
|
43
44
|
const sortDirections = el.shadowRoot?.querySelector(
|
|
44
|
-
'.sort-direction-container'
|
|
45
|
+
'.sort-direction-container'
|
|
45
46
|
);
|
|
46
47
|
expect(sortDirections).to.exist;
|
|
47
48
|
expect(sortDirections?.querySelector('.sort-direction-icon')).to.exist;
|
|
@@ -77,7 +78,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
77
78
|
await el.updateComplete;
|
|
78
79
|
|
|
79
80
|
const defaultSortSelector = desktopSortSelector?.querySelector(
|
|
80
|
-
'ia-dropdown.selected'
|
|
81
|
+
'ia-dropdown.selected'
|
|
81
82
|
);
|
|
82
83
|
expect(defaultSortSelector?.textContent?.trim()).to.equal('All-time views');
|
|
83
84
|
});
|
|
@@ -101,7 +102,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
101
102
|
await el.updateComplete;
|
|
102
103
|
|
|
103
104
|
const defaultSortSelector = desktopSortSelector?.querySelector(
|
|
104
|
-
'ia-dropdown.selected'
|
|
105
|
+
'ia-dropdown.selected'
|
|
105
106
|
);
|
|
106
107
|
expect(defaultSortSelector?.textContent?.trim()).to.equal('Date reviewed');
|
|
107
108
|
});
|
|
@@ -218,7 +219,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
218
219
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
219
220
|
|
|
220
221
|
const firstOption = defaultSortSelector?.shadowRoot?.querySelector(
|
|
221
|
-
'li > button'
|
|
222
|
+
'li > button'
|
|
222
223
|
) as HTMLButtonElement;
|
|
223
224
|
expect(firstOption).to.exist;
|
|
224
225
|
|
|
@@ -234,7 +235,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
234
235
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
235
236
|
|
|
236
237
|
const firstOption = defaultSortSelector?.shadowRoot?.querySelector(
|
|
237
|
-
'li > button'
|
|
238
|
+
'li > button'
|
|
238
239
|
) as HTMLButtonElement;
|
|
239
240
|
expect(firstOption).to.exist;
|
|
240
241
|
|
|
@@ -250,7 +251,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
250
251
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
251
252
|
|
|
252
253
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
253
|
-
'.caret'
|
|
254
|
+
'.caret'
|
|
254
255
|
) as HTMLElement;
|
|
255
256
|
expect(caret).to.exist;
|
|
256
257
|
|
|
@@ -258,7 +259,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
258
259
|
await el.updateComplete;
|
|
259
260
|
|
|
260
261
|
let backdrop = el.shadowRoot?.querySelector(
|
|
261
|
-
'#sort-selector-backdrop'
|
|
262
|
+
'#sort-selector-backdrop'
|
|
262
263
|
) as HTMLElement;
|
|
263
264
|
expect(backdrop).to.exist;
|
|
264
265
|
|
|
@@ -266,7 +267,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
266
267
|
await el.updateComplete;
|
|
267
268
|
|
|
268
269
|
backdrop = el.shadowRoot?.querySelector(
|
|
269
|
-
'#sort-selector-backdrop'
|
|
270
|
+
'#sort-selector-backdrop'
|
|
270
271
|
) as HTMLElement;
|
|
271
272
|
expect(backdrop).not.to.exist;
|
|
272
273
|
});
|
|
@@ -277,7 +278,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
277
278
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
278
279
|
|
|
279
280
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
280
|
-
'.caret'
|
|
281
|
+
'.caret'
|
|
281
282
|
) as HTMLElement;
|
|
282
283
|
expect(caret).to.exist;
|
|
283
284
|
|
|
@@ -285,7 +286,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
285
286
|
await el.updateComplete;
|
|
286
287
|
|
|
287
288
|
let backdrop = el.shadowRoot?.querySelector(
|
|
288
|
-
'#sort-selector-backdrop'
|
|
289
|
+
'#sort-selector-backdrop'
|
|
289
290
|
) as HTMLElement;
|
|
290
291
|
expect(backdrop).to.exist;
|
|
291
292
|
|
|
@@ -293,7 +294,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
293
294
|
await el.updateComplete;
|
|
294
295
|
|
|
295
296
|
backdrop = el.shadowRoot?.querySelector(
|
|
296
|
-
'#sort-selector-backdrop'
|
|
297
|
+
'#sort-selector-backdrop'
|
|
297
298
|
) as HTMLElement;
|
|
298
299
|
expect(backdrop).not.to.exist;
|
|
299
300
|
});
|
|
@@ -304,7 +305,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
304
305
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
305
306
|
|
|
306
307
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
307
|
-
'.caret'
|
|
308
|
+
'.caret'
|
|
308
309
|
) as HTMLElement;
|
|
309
310
|
expect(caret).to.exist;
|
|
310
311
|
|
|
@@ -312,7 +313,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
312
313
|
await el.updateComplete;
|
|
313
314
|
|
|
314
315
|
let backdrop = el.shadowRoot?.querySelector(
|
|
315
|
-
'#sort-selector-backdrop'
|
|
316
|
+
'#sort-selector-backdrop'
|
|
316
317
|
) as HTMLElement;
|
|
317
318
|
expect(backdrop).to.exist;
|
|
318
319
|
|
|
@@ -320,7 +321,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
320
321
|
await el.updateComplete;
|
|
321
322
|
|
|
322
323
|
backdrop = el.shadowRoot?.querySelector(
|
|
323
|
-
'#sort-selector-backdrop'
|
|
324
|
+
'#sort-selector-backdrop'
|
|
324
325
|
) as HTMLElement;
|
|
325
326
|
expect(backdrop).not.to.exist;
|
|
326
327
|
});
|
|
@@ -336,7 +337,7 @@ describe('Sort direction button behavior', () => {
|
|
|
336
337
|
await el.updateComplete;
|
|
337
338
|
|
|
338
339
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
339
|
-
'.sort-direction-selector'
|
|
340
|
+
'.sort-direction-selector'
|
|
340
341
|
) as HTMLButtonElement;
|
|
341
342
|
expect(sortDirectionButton).to.exist;
|
|
342
343
|
expect(sortDirectionButton.disabled).to.be.true;
|
|
@@ -351,7 +352,7 @@ describe('Sort direction button behavior', () => {
|
|
|
351
352
|
await el.updateComplete;
|
|
352
353
|
|
|
353
354
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
354
|
-
'.sort-direction-selector'
|
|
355
|
+
'.sort-direction-selector'
|
|
355
356
|
) as HTMLButtonElement;
|
|
356
357
|
expect(sortDirectionButton).to.exist;
|
|
357
358
|
expect(sortDirectionButton.disabled).to.be.false;
|
|
@@ -367,7 +368,7 @@ describe('Sort direction button behavior', () => {
|
|
|
367
368
|
await el.updateComplete;
|
|
368
369
|
|
|
369
370
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
370
|
-
'.sort-direction-selector'
|
|
371
|
+
'.sort-direction-selector'
|
|
371
372
|
) as HTMLButtonElement;
|
|
372
373
|
|
|
373
374
|
sortDirectionButton.click();
|
|
@@ -412,7 +413,7 @@ describe('Display mode/style buttons', () => {
|
|
|
412
413
|
`);
|
|
413
414
|
|
|
414
415
|
const displayModeButtonList = el.shadowRoot?.querySelector(
|
|
415
|
-
'#display-style-selector'
|
|
416
|
+
'#display-style-selector'
|
|
416
417
|
);
|
|
417
418
|
expect(displayModeButtonList).not.to.exist;
|
|
418
419
|
});
|
|
@@ -441,21 +442,21 @@ describe('Display mode/style buttons', () => {
|
|
|
441
442
|
await el.updateComplete;
|
|
442
443
|
|
|
443
444
|
const extendedListButton = el.shadowRoot?.querySelector(
|
|
444
|
-
'#list-detail-button'
|
|
445
|
+
'#list-detail-button'
|
|
445
446
|
) as HTMLElement;
|
|
446
447
|
extendedListButton.click();
|
|
447
448
|
await el.updateComplete;
|
|
448
449
|
expect(el.displayMode).to.equal('list-detail');
|
|
449
450
|
|
|
450
451
|
const compactListButton = el.shadowRoot?.querySelector(
|
|
451
|
-
'#list-compact-button'
|
|
452
|
+
'#list-compact-button'
|
|
452
453
|
) as HTMLElement;
|
|
453
454
|
compactListButton.click();
|
|
454
455
|
await el.updateComplete;
|
|
455
456
|
expect(el.displayMode).to.equal('list-compact');
|
|
456
457
|
|
|
457
458
|
const gridModeButton = el.shadowRoot?.querySelector(
|
|
458
|
-
'#grid-button'
|
|
459
|
+
'#grid-button'
|
|
459
460
|
) as HTMLElement;
|
|
460
461
|
gridModeButton.click();
|
|
461
462
|
await el.updateComplete;
|
|
@@ -475,7 +476,7 @@ describe('Sort/filter bar letter behavior', () => {
|
|
|
475
476
|
|
|
476
477
|
const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
|
|
477
478
|
const letterLink = alphaBar?.shadowRoot?.querySelector(
|
|
478
|
-
'li > button:not(:disabled)'
|
|
479
|
+
'li > button:not(:disabled)'
|
|
479
480
|
) as HTMLAnchorElement;
|
|
480
481
|
expect(letterLink?.textContent?.trim()).to.equal('T');
|
|
481
482
|
|
|
@@ -496,7 +497,7 @@ describe('Sort/filter bar letter behavior', () => {
|
|
|
496
497
|
|
|
497
498
|
const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
|
|
498
499
|
const letterLink = alphaBar?.shadowRoot?.querySelector(
|
|
499
|
-
'li > button:not(:disabled)'
|
|
500
|
+
'li > button:not(:disabled)'
|
|
500
501
|
) as HTMLAnchorElement;
|
|
501
502
|
expect(letterLink?.textContent?.trim()).to.equal('C');
|
|
502
503
|
|
|
@@ -524,10 +525,10 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
524
525
|
`);
|
|
525
526
|
|
|
526
527
|
const mobileSortContainer = el.shadowRoot?.querySelector(
|
|
527
|
-
'#mobile-sort-container'
|
|
528
|
+
'#mobile-sort-container'
|
|
528
529
|
);
|
|
529
530
|
const desktopSortContainer = el.shadowRoot?.querySelector(
|
|
530
|
-
'#desktop-sort-container'
|
|
531
|
+
'#desktop-sort-container'
|
|
531
532
|
);
|
|
532
533
|
|
|
533
534
|
expect(mobileSortContainer?.classList?.contains('visible')).to.be.true;
|
|
@@ -540,14 +541,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
540
541
|
`);
|
|
541
542
|
|
|
542
543
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
543
|
-
'#mobile-dropdown'
|
|
544
|
+
'#mobile-dropdown'
|
|
544
545
|
) as IaDropdown;
|
|
545
546
|
expect(mobileDropdown).to.exist;
|
|
546
547
|
|
|
547
548
|
mobileDropdown.selectedOption = 'title';
|
|
548
549
|
const option = { id: 'title' };
|
|
549
550
|
mobileDropdown.dispatchEvent(
|
|
550
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
551
|
+
new CustomEvent('optionSelected', { detail: { option } })
|
|
551
552
|
);
|
|
552
553
|
await el.updateComplete;
|
|
553
554
|
|
|
@@ -564,14 +565,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
564
565
|
await el.updateComplete;
|
|
565
566
|
|
|
566
567
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
567
|
-
'#mobile-dropdown'
|
|
568
|
+
'#mobile-dropdown'
|
|
568
569
|
) as IaDropdown;
|
|
569
570
|
expect(mobileDropdown).to.exist;
|
|
570
571
|
|
|
571
572
|
mobileDropdown.selectedOption = 'relevance';
|
|
572
573
|
const option = { id: 'relevance' };
|
|
573
574
|
mobileDropdown.dispatchEvent(
|
|
574
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
575
|
+
new CustomEvent('optionSelected', { detail: { option } })
|
|
575
576
|
);
|
|
576
577
|
await el.updateComplete;
|
|
577
578
|
|
|
@@ -589,14 +590,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
589
590
|
await el.updateComplete;
|
|
590
591
|
|
|
591
592
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
592
|
-
'#mobile-dropdown'
|
|
593
|
+
'#mobile-dropdown'
|
|
593
594
|
) as IaDropdown;
|
|
594
595
|
expect(mobileDropdown).to.exist;
|
|
595
596
|
|
|
596
597
|
mobileDropdown.selectedOption = 'relevance';
|
|
597
598
|
const option = { id: 'relevance' };
|
|
598
599
|
mobileDropdown.dispatchEvent(
|
|
599
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
600
|
+
new CustomEvent('optionSelected', { detail: { option } })
|
|
600
601
|
);
|
|
601
602
|
await el.updateComplete;
|
|
602
603
|
|
|
@@ -610,12 +611,12 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
610
611
|
`);
|
|
611
612
|
|
|
612
613
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
613
|
-
'#mobile-dropdown'
|
|
614
|
+
'#mobile-dropdown'
|
|
614
615
|
) as IaDropdown;
|
|
615
616
|
expect(mobileDropdown).to.exist;
|
|
616
617
|
|
|
617
618
|
const caret = mobileDropdown?.shadowRoot?.querySelector(
|
|
618
|
-
'.caret'
|
|
619
|
+
'.caret'
|
|
619
620
|
) as HTMLElement;
|
|
620
621
|
expect(caret).to.exist;
|
|
621
622
|
|
|
@@ -623,7 +624,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
623
624
|
await el.updateComplete;
|
|
624
625
|
|
|
625
626
|
let backdrop = el.shadowRoot?.querySelector(
|
|
626
|
-
'#sort-selector-backdrop'
|
|
627
|
+
'#sort-selector-backdrop'
|
|
627
628
|
) as HTMLElement;
|
|
628
629
|
expect(backdrop).to.exist;
|
|
629
630
|
|
|
@@ -631,7 +632,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
631
632
|
await el.updateComplete;
|
|
632
633
|
|
|
633
634
|
backdrop = el.shadowRoot?.querySelector(
|
|
634
|
-
'#sort-selector-backdrop'
|
|
635
|
+
'#sort-selector-backdrop'
|
|
635
636
|
) as HTMLElement;
|
|
636
637
|
expect(backdrop).not.to.exist;
|
|
637
638
|
});
|
|
@@ -673,7 +674,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
673
674
|
|
|
674
675
|
// slot exists
|
|
675
676
|
const sortOptionsSlot = el?.shadowRoot?.querySelector(
|
|
676
|
-
'slot[name="sort-options"]'
|
|
677
|
+
'slot[name="sort-options"]'
|
|
677
678
|
);
|
|
678
679
|
expect(sortOptionsSlot).to.exist;
|
|
679
680
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import { html } from 'lit';
|
|
3
4
|
import type { TextSnippetBlock } from '../src/tiles/text-snippet-block';
|
|
@@ -6,7 +7,7 @@ import '../src/tiles/text-snippet-block';
|
|
|
6
7
|
describe('TextSnippetBlock component', () => {
|
|
7
8
|
it('should render initial component', async () => {
|
|
8
9
|
const el = await fixture<TextSnippetBlock>(
|
|
9
|
-
html`<text-snippet-block></text-snippet-block
|
|
10
|
+
html`<text-snippet-block></text-snippet-block>`
|
|
10
11
|
);
|
|
11
12
|
|
|
12
13
|
// No content if no snippets
|
|
@@ -26,7 +27,7 @@ describe('TextSnippetBlock component', () => {
|
|
|
26
27
|
];
|
|
27
28
|
|
|
28
29
|
const el = await fixture<TextSnippetBlock>(
|
|
29
|
-
html`<text-snippet-block .snippets=${snippets}></text-snippet-block
|
|
30
|
+
html`<text-snippet-block .snippets=${snippets}></text-snippet-block>`
|
|
30
31
|
);
|
|
31
32
|
|
|
32
33
|
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
@@ -43,7 +44,7 @@ describe('TextSnippetBlock component', () => {
|
|
|
43
44
|
];
|
|
44
45
|
|
|
45
46
|
const el = await fixture<TextSnippetBlock>(
|
|
46
|
-
html`<text-snippet-block .snippets=${snippets}></text-snippet-block
|
|
47
|
+
html`<text-snippet-block .snippets=${snippets}></text-snippet-block>`
|
|
47
48
|
);
|
|
48
49
|
|
|
49
50
|
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
@@ -58,7 +59,7 @@ describe('TextSnippetBlock component', () => {
|
|
|
58
59
|
html`<text-snippet-block
|
|
59
60
|
viewsize="grid"
|
|
60
61
|
.snippets=${['text']}
|
|
61
|
-
></text-snippet-block
|
|
62
|
+
></text-snippet-block>`
|
|
62
63
|
);
|
|
63
64
|
|
|
64
65
|
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
@@ -73,7 +74,7 @@ describe('TextSnippetBlock component', () => {
|
|
|
73
74
|
html`<text-snippet-block
|
|
74
75
|
viewsize="list"
|
|
75
76
|
.snippets=${['text']}
|
|
76
|
-
></text-snippet-block
|
|
77
|
+
></text-snippet-block>`
|
|
77
78
|
);
|
|
78
79
|
|
|
79
80
|
const container = el.shadowRoot?.querySelector('.snippet-view');
|
package/test/tile-stats.test.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import { html } from 'lit';
|
|
3
4
|
import type { TileStats } from '../src/tiles/grid/tile-stats';
|
|
@@ -18,15 +19,17 @@ describe('Tile Stats', () => {
|
|
|
18
19
|
});
|
|
19
20
|
|
|
20
21
|
it('should render component with value', async () => {
|
|
21
|
-
const el = await fixture<TileStats>(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
const el = await fixture<TileStats>(
|
|
23
|
+
html`
|
|
24
|
+
<tile-stats
|
|
25
|
+
.mediatype=${'account'}
|
|
26
|
+
.itemCount=${1}
|
|
27
|
+
.favCount=${2}
|
|
28
|
+
.commentCount=${3}
|
|
29
|
+
>
|
|
30
|
+
</tile-stats>
|
|
31
|
+
`
|
|
32
|
+
);
|
|
30
33
|
|
|
31
34
|
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
32
35
|
|
|
@@ -53,15 +56,17 @@ describe('Tile Stats', () => {
|
|
|
53
56
|
});
|
|
54
57
|
|
|
55
58
|
it('should render view count for non-account items', async () => {
|
|
56
|
-
const el = await fixture<TileStats>(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
59
|
+
const el = await fixture<TileStats>(
|
|
60
|
+
html`
|
|
61
|
+
<tile-stats
|
|
62
|
+
.mediatype=${'texts'}
|
|
63
|
+
.viewCount=${4}
|
|
64
|
+
.favCount=${5}
|
|
65
|
+
.commentCount=${6}
|
|
66
|
+
>
|
|
67
|
+
</tile-stats>
|
|
68
|
+
`
|
|
69
|
+
);
|
|
65
70
|
|
|
66
71
|
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
67
72
|
|
|
@@ -89,10 +94,12 @@ describe('Tile Stats', () => {
|
|
|
89
94
|
});
|
|
90
95
|
|
|
91
96
|
it('handles missing counts gracefully', async () => {
|
|
92
|
-
const el = await fixture<TileStats>(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
97
|
+
const el = await fixture<TileStats>(
|
|
98
|
+
html`
|
|
99
|
+
<tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>
|
|
100
|
+
</tile-stats>
|
|
101
|
+
`
|
|
102
|
+
);
|
|
96
103
|
|
|
97
104
|
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
98
105
|
|
|
@@ -120,10 +127,12 @@ describe('Tile Stats', () => {
|
|
|
120
127
|
});
|
|
121
128
|
|
|
122
129
|
it('handles missing counts gracefully for accounts', async () => {
|
|
123
|
-
const el = await fixture<TileStats>(
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
const el = await fixture<TileStats>(
|
|
131
|
+
html`
|
|
132
|
+
<tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>
|
|
133
|
+
</tile-stats>
|
|
134
|
+
`
|
|
135
|
+
);
|
|
127
136
|
|
|
128
137
|
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
129
138
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import sinon from 'sinon';
|
|
3
4
|
import { html } from 'lit';
|
|
@@ -37,7 +38,7 @@ describe('Account Tile', () => {
|
|
|
37
38
|
expect(itemInfo).to.exist;
|
|
38
39
|
expect(accountTitle).to.exist;
|
|
39
40
|
expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal(
|
|
40
|
-
'@jack-sparrow'
|
|
41
|
+
'@jack-sparrow'
|
|
41
42
|
);
|
|
42
43
|
});
|
|
43
44
|
|
|
@@ -111,7 +112,7 @@ describe('Account Tile', () => {
|
|
|
111
112
|
`);
|
|
112
113
|
|
|
113
114
|
const infoButton = el.shadowRoot?.querySelector(
|
|
114
|
-
'.info-button'
|
|
115
|
+
'.info-button'
|
|
115
116
|
) as HTMLButtonElement;
|
|
116
117
|
infoButton.click();
|
|
117
118
|
await el.updateComplete;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import sinon from 'sinon';
|
|
3
4
|
import { html } from 'lit';
|
|
@@ -8,7 +9,7 @@ import '../../../src/tiles/grid/collection-tile';
|
|
|
8
9
|
describe('Collection Tile', () => {
|
|
9
10
|
it('should render initial component', async () => {
|
|
10
11
|
const el = await fixture<CollectionTile>(
|
|
11
|
-
html`<collection-tile></collection-tile
|
|
12
|
+
html`<collection-tile></collection-tile>`
|
|
12
13
|
);
|
|
13
14
|
|
|
14
15
|
const itemInfo = el.shadowRoot?.querySelector('.item-info');
|
|
@@ -39,7 +40,7 @@ describe('Collection Tile', () => {
|
|
|
39
40
|
expect(itemInfo).to.exist;
|
|
40
41
|
expect(itemTitle).to.exist;
|
|
41
42
|
expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(
|
|
42
|
-
'Books'
|
|
43
|
+
'Books'
|
|
43
44
|
);
|
|
44
45
|
});
|
|
45
46
|
|
|
@@ -104,7 +105,7 @@ describe('Collection Tile', () => {
|
|
|
104
105
|
`);
|
|
105
106
|
|
|
106
107
|
const infoButton = el.shadowRoot?.querySelector(
|
|
107
|
-
'.info-button'
|
|
108
|
+
'.info-button'
|
|
108
109
|
) as HTMLButtonElement;
|
|
109
110
|
infoButton.click();
|
|
110
111
|
await el.updateComplete;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import sinon from 'sinon';
|
|
3
4
|
import { html } from 'lit';
|
|
@@ -25,7 +26,7 @@ describe('Item Tile', () => {
|
|
|
25
26
|
|
|
26
27
|
it('should render with created-by element', async () => {
|
|
27
28
|
const el = await fixture<ItemTile>(
|
|
28
|
-
html`<item-tile .model=${{ creator: 'someone' }}></item-tile
|
|
29
|
+
html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`
|
|
29
30
|
);
|
|
30
31
|
|
|
31
32
|
const container = el.shadowRoot?.querySelector('.container');
|
|
@@ -45,7 +46,7 @@ describe('Item Tile', () => {
|
|
|
45
46
|
|
|
46
47
|
it('should not render with created-by but date element', async () => {
|
|
47
48
|
const el = await fixture<ItemTile>(
|
|
48
|
-
html`<item-tile .model=${{ datePublished: new Date() }}></item-tile
|
|
49
|
+
html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`
|
|
49
50
|
);
|
|
50
51
|
|
|
51
52
|
el.sortParam = {
|
|
@@ -63,7 +64,7 @@ describe('Item Tile', () => {
|
|
|
63
64
|
|
|
64
65
|
it('should not render with created-by but reviewdate element', async () => {
|
|
65
66
|
const el = await fixture<ItemTile>(
|
|
66
|
-
html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile
|
|
67
|
+
html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`
|
|
67
68
|
);
|
|
68
69
|
|
|
69
70
|
el.sortParam = {
|
|
@@ -81,7 +82,7 @@ describe('Item Tile', () => {
|
|
|
81
82
|
|
|
82
83
|
it('should not render with created-by but publicdate element', async () => {
|
|
83
84
|
const el = await fixture<ItemTile>(
|
|
84
|
-
html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile
|
|
85
|
+
html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`
|
|
85
86
|
);
|
|
86
87
|
|
|
87
88
|
el.sortParam = {
|
|
@@ -99,7 +100,7 @@ describe('Item Tile', () => {
|
|
|
99
100
|
|
|
100
101
|
it('should not render date-sorted-by element if date is not provided', async () => {
|
|
101
102
|
const el = await fixture<ItemTile>(
|
|
102
|
-
html`<item-tile .model=${{ dateArchived: undefined }}></item-tile
|
|
103
|
+
html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`
|
|
103
104
|
);
|
|
104
105
|
|
|
105
106
|
el.sortParam = {
|
|
@@ -117,7 +118,7 @@ describe('Item Tile', () => {
|
|
|
117
118
|
|
|
118
119
|
it('should render without created-by when sorting by a date field', async () => {
|
|
119
120
|
const el = await fixture<ItemTile>(
|
|
120
|
-
html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile
|
|
121
|
+
html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`
|
|
121
122
|
);
|
|
122
123
|
|
|
123
124
|
el.sortParam = {
|
|
@@ -137,7 +138,7 @@ describe('Item Tile', () => {
|
|
|
137
138
|
|
|
138
139
|
it('should render with created-by when sort field is not a date', async () => {
|
|
139
140
|
const el = await fixture<ItemTile>(
|
|
140
|
-
html`<item-tile .model=${{ creator: 'someone' }}></item-tile
|
|
141
|
+
html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`
|
|
141
142
|
);
|
|
142
143
|
|
|
143
144
|
el.sortParam = {
|
|
@@ -174,7 +175,7 @@ describe('Item Tile', () => {
|
|
|
174
175
|
const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
|
|
175
176
|
expect(dateSortedBy).to.exist;
|
|
176
177
|
expect(dateSortedBy?.textContent?.trim()).to.contain(
|
|
177
|
-
'published Jan 02, 2012'
|
|
178
|
+
'published Jan 02, 2012'
|
|
178
179
|
);
|
|
179
180
|
});
|
|
180
181
|
|
|
@@ -218,7 +219,7 @@ describe('Item Tile', () => {
|
|
|
218
219
|
const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
|
|
219
220
|
expect(dateSortedBy).to.exist;
|
|
220
221
|
expect(dateSortedBy?.textContent?.trim()).to.contain(
|
|
221
|
-
'archived Jan 02, 2011'
|
|
222
|
+
'archived Jan 02, 2011'
|
|
222
223
|
);
|
|
223
224
|
});
|
|
224
225
|
|
|
@@ -241,7 +242,7 @@ describe('Item Tile', () => {
|
|
|
241
242
|
const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
|
|
242
243
|
expect(dateSortedBy).to.exist;
|
|
243
244
|
expect(dateSortedBy?.textContent?.trim()).to.contain(
|
|
244
|
-
'reviewed Jan 02, 2013'
|
|
245
|
+
'reviewed Jan 02, 2013'
|
|
245
246
|
);
|
|
246
247
|
});
|
|
247
248
|
|
|
@@ -348,7 +349,7 @@ describe('Item Tile', () => {
|
|
|
348
349
|
`);
|
|
349
350
|
|
|
350
351
|
const infoButton = el.shadowRoot?.querySelector(
|
|
351
|
-
'.info-button'
|
|
352
|
+
'.info-button'
|
|
352
353
|
) as HTMLButtonElement;
|
|
353
354
|
infoButton.click();
|
|
354
355
|
await el.updateComplete;
|
|
@@ -397,7 +398,7 @@ describe('Item Tile', () => {
|
|
|
397
398
|
const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
|
|
398
399
|
expect(firstDateLink, 'first date link').to.exist;
|
|
399
400
|
expect(firstDateLink?.getAttribute('href')).to.equal(
|
|
400
|
-
'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F'
|
|
401
|
+
'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F'
|
|
401
402
|
);
|
|
402
403
|
expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');
|
|
403
404
|
|
|
@@ -405,7 +406,7 @@ describe('Item Tile', () => {
|
|
|
405
406
|
captureDatesUl?.children[1]?.querySelector('a[href]');
|
|
406
407
|
expect(secondDateLink, 'second date link').to.exist;
|
|
407
408
|
expect(secondDateLink?.getAttribute('href')).to.equal(
|
|
408
|
-
'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F'
|
|
409
|
+
'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F'
|
|
409
410
|
);
|
|
410
411
|
expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');
|
|
411
412
|
});
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
1
2
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
3
|
import { html } from 'lit';
|
|
3
4
|
import type { SearchTile } from '../../../src/tiles/grid/search-tile';
|
|
@@ -37,7 +38,7 @@ describe('Search Tile', () => {
|
|
|
37
38
|
expect(itemInfo).to.exist;
|
|
38
39
|
expect(itemTitle).to.exist;
|
|
39
40
|
expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(
|
|
40
|
-
'searched query'
|
|
41
|
+
'searched query'
|
|
41
42
|
);
|
|
42
43
|
});
|
|
43
44
|
|