@internetarchive/collection-browser 2.7.13 → 2.7.14
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/.github/workflows/gh-pages-main.yml +2 -2
- package/.github/workflows/pr-preview.yml +2 -2
- package/.prettierignore +1 -0
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/dist/src/app-root.d.ts +1 -1
- package/dist/src/app-root.js +4 -4
- 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.js +1 -2
- 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 +2 -4
- package/dist/src/collection-facets/more-facets-content.js.map +1 -1
- package/dist/src/collection-facets/more-facets-pagination.js +1 -0
- 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 +1 -4
- 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 +2 -3
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source-interface.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source.js +8 -9
- package/dist/src/data-source/collection-browser-data-source.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 +10 -11
- 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.js +16 -16
- package/dist/src/manage/manage-bar.js.map +1 -1
- package/dist/src/manage/remove-items-modal-content.js.map +1 -1
- package/dist/src/mediatype/mediatype-config.js +1 -0
- package/dist/src/mediatype/mediatype-config.js.map +1 -1
- package/dist/src/models.d.ts +15 -15
- package/dist/src/models.js +3 -3
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.js +0 -1
- 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 +1 -2
- 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 +2 -3
- 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 +3 -1
- 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 +4 -6
- 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 +0 -1
- 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 +1 -3
- 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 +4 -3
- package/dist/test/collection-browser.test.js.map +1 -1
- package/dist/test/collection-facets/facet-row.test.js +4 -1
- 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 +0 -1
- package/dist/test/collection-facets/more-facets-content.test.js.map +1 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +0 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js.map +1 -1
- package/dist/test/collection-facets/toggle-switch.test.js +12 -3
- package/dist/test/collection-facets/toggle-switch.test.js.map +1 -1
- package/dist/test/collection-facets.test.js +4 -4
- 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 +0 -1
- package/dist/test/empty-placeholder.test.js.map +1 -1
- package/dist/test/expanded-date-picker.test.js +4 -3
- package/dist/test/expanded-date-picker.test.js.map +1 -1
- package/dist/test/icon-overlay.test.js +0 -1
- package/dist/test/icon-overlay.test.js.map +1 -1
- package/dist/test/image-block.test.js +0 -1
- package/dist/test/image-block.test.js.map +1 -1
- package/dist/test/item-image.test.js +0 -1
- package/dist/test/item-image.test.js.map +1 -1
- package/dist/test/manage/manage-bar.test.js +2 -3
- package/dist/test/manage/manage-bar.test.js.map +1 -1
- package/dist/test/manage/remove-items-modal-content.test.js +0 -1
- package/dist/test/manage/remove-items-modal-content.test.js.map +1 -1
- 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 +0 -1
- 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 +0 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +1 -1
- package/dist/test/text-overlay.test.js +0 -1
- package/dist/test/text-overlay.test.js.map +1 -1
- package/dist/test/text-snippet-block.test.js +0 -1
- package/dist/test/text-snippet-block.test.js.map +1 -1
- package/dist/test/tile-stats.test.js +22 -23
- package/dist/test/tile-stats.test.js.map +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +0 -1
- package/dist/test/tiles/grid/account-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +0 -1
- package/dist/test/tiles/grid/collection-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +0 -1
- package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
- package/dist/test/tiles/grid/search-tile.test.js +0 -1
- 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 +0 -1
- package/dist/test/tiles/list/tile-list-compact.test.js.map +1 -1
- package/dist/test/tiles/list/tile-list.test.js +0 -1
- 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/eslint.config.mjs +53 -0
- package/index.html +0 -3
- package/package.json +41 -39
- package/src/app-root.ts +21 -22
- package/src/collection-browser.ts +36 -38
- package/src/collection-facets/facets-template.ts +7 -6
- package/src/collection-facets/more-facets-content.ts +11 -13
- package/src/collection-facets/more-facets-pagination.ts +3 -2
- 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 +6 -8
- package/src/collection-facets/smart-facets/smart-facet-button.ts +5 -3
- 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 +18 -19
- package/src/data-source/collection-browser-data-source-interface.ts +5 -1
- package/src/data-source/collection-browser-data-source.ts +37 -34
- package/src/empty-placeholder.ts +19 -16
- 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 +23 -20
- package/src/manage/remove-items-modal-content.ts +2 -2
- package/src/mediatype/mediatype-config.ts +1 -0
- package/src/models.ts +3 -3
- package/src/restoration-state-handler.ts +14 -15
- package/src/sort-filter-bar/alpha-bar.ts +16 -17
- package/src/sort-filter-bar/sort-filter-bar.ts +14 -15
- 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 +4 -2
- 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 +22 -24
- 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 +2 -3
- package/src/utils/format-date.ts +1 -1
- package/src/utils/format-unit-size.ts +1 -1
- package/src/utils/log.ts +1 -3
- package/test/collection-browser.test.ts +125 -124
- package/test/collection-facets/facet-row.test.ts +31 -28
- package/test/collection-facets/facets-template.test.ts +9 -9
- package/test/collection-facets/more-facets-content.test.ts +14 -15
- package/test/collection-facets/more-facets-pagination.test.ts +18 -19
- package/test/collection-facets/toggle-switch.test.ts +28 -18
- package/test/collection-facets.test.ts +46 -39
- package/test/data-source/collection-browser-data-source.test.ts +2 -2
- package/test/empty-placeholder.test.ts +6 -7
- package/test/expanded-date-picker.test.ts +25 -20
- package/test/icon-overlay.test.ts +0 -1
- package/test/image-block.test.ts +6 -7
- package/test/item-image.test.ts +0 -1
- package/test/manage/manage-bar.test.ts +19 -16
- package/test/manage/remove-items-modal-content.test.ts +4 -5
- package/test/mocks/mock-search-responses.ts +2 -1
- package/test/mocks/mock-search-service.ts +1 -1
- package/test/restoration-state-handler.test.ts +12 -12
- package/test/review-block.test.ts +1 -2
- 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 +38 -39
- package/test/text-overlay.test.ts +0 -1
- package/test/text-snippet-block.test.ts +5 -6
- package/test/tile-stats.test.ts +26 -35
- package/test/tiles/grid/account-tile.test.ts +2 -3
- package/test/tiles/grid/collection-tile.test.ts +3 -4
- package/test/tiles/grid/item-tile.test.ts +13 -14
- package/test/tiles/grid/search-tile.test.ts +1 -2
- 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 +1 -2
- package/test/tiles/list/tile-list.test.ts +10 -11
- 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 +0 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
3
2
|
import { html } from 'lit';
|
|
4
3
|
import Sinon from 'sinon';
|
|
@@ -23,10 +22,10 @@ describe('Manage bar', () => {
|
|
|
23
22
|
|
|
24
23
|
it('can set the label', async () => {
|
|
25
24
|
const el = await fixture<ManageBar>(
|
|
26
|
-
html`<manage-bar label="foo bar"></manage-bar
|
|
25
|
+
html`<manage-bar label="foo bar"></manage-bar>`,
|
|
27
26
|
);
|
|
28
27
|
expect(el.shadowRoot?.querySelector('.manage-label')?.textContent).to.equal(
|
|
29
|
-
'foo bar'
|
|
28
|
+
'foo bar',
|
|
30
29
|
);
|
|
31
30
|
});
|
|
32
31
|
|
|
@@ -43,21 +42,21 @@ describe('Manage bar', () => {
|
|
|
43
42
|
|
|
44
43
|
it('render item manager button for /search/ page', async () => {
|
|
45
44
|
const el = await fixture<ManageBar>(
|
|
46
|
-
html`<manage-bar showItemManageButton></manage-bar
|
|
45
|
+
html`<manage-bar showItemManageButton></manage-bar>`,
|
|
47
46
|
);
|
|
48
47
|
expect(el.shadowRoot?.querySelector('.ia-button.warning')).to.exist;
|
|
49
48
|
});
|
|
50
49
|
|
|
51
50
|
it('includes Select All button when requested', async () => {
|
|
52
51
|
const el = await fixture<ManageBar>(
|
|
53
|
-
html`<manage-bar showSelectAll></manage-bar
|
|
52
|
+
html`<manage-bar showSelectAll></manage-bar>`,
|
|
54
53
|
);
|
|
55
54
|
expect(el.shadowRoot?.querySelector('.select-all-btn')).to.exist;
|
|
56
55
|
});
|
|
57
56
|
|
|
58
57
|
it('includes Unselect All button when requested', async () => {
|
|
59
58
|
const el = await fixture<ManageBar>(
|
|
60
|
-
html`<manage-bar showUnselectAll></manage-bar
|
|
59
|
+
html`<manage-bar showUnselectAll></manage-bar>`,
|
|
61
60
|
);
|
|
62
61
|
expect(el.shadowRoot?.querySelector('.unselect-all-btn')).to.exist;
|
|
63
62
|
});
|
|
@@ -77,11 +76,11 @@ describe('Manage bar', () => {
|
|
|
77
76
|
it('emits event when Cancel button clicked', async () => {
|
|
78
77
|
const spy = Sinon.spy();
|
|
79
78
|
const el = await fixture<ManageBar>(
|
|
80
|
-
html`<manage-bar @cancel=${spy}></manage-bar
|
|
79
|
+
html`<manage-bar @cancel=${spy}></manage-bar>`,
|
|
81
80
|
);
|
|
82
81
|
|
|
83
82
|
const cancelBtn = el.shadowRoot?.querySelector(
|
|
84
|
-
'.ia-button.dark'
|
|
83
|
+
'.ia-button.dark',
|
|
85
84
|
) as HTMLButtonElement;
|
|
86
85
|
expect(cancelBtn).to.exist;
|
|
87
86
|
|
|
@@ -92,11 +91,11 @@ describe('Manage bar', () => {
|
|
|
92
91
|
it('emits event when Select All button clicked', async () => {
|
|
93
92
|
const spy = Sinon.spy();
|
|
94
93
|
const el = await fixture<ManageBar>(
|
|
95
|
-
html`<manage-bar showSelectAll @selectAll=${spy}></manage-bar
|
|
94
|
+
html`<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`,
|
|
96
95
|
);
|
|
97
96
|
|
|
98
97
|
const selectAllBtn = el.shadowRoot?.querySelector(
|
|
99
|
-
'.select-all-btn'
|
|
98
|
+
'.select-all-btn',
|
|
100
99
|
) as HTMLButtonElement;
|
|
101
100
|
expect(selectAllBtn).to.exist;
|
|
102
101
|
|
|
@@ -107,11 +106,11 @@ describe('Manage bar', () => {
|
|
|
107
106
|
it('emits event when Unselect All button clicked', async () => {
|
|
108
107
|
const spy = Sinon.spy();
|
|
109
108
|
const el = await fixture<ManageBar>(
|
|
110
|
-
html`<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar
|
|
109
|
+
html`<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`,
|
|
111
110
|
);
|
|
112
111
|
|
|
113
112
|
const unselectAllBtn = el.shadowRoot?.querySelector(
|
|
114
|
-
'.unselect-all-btn'
|
|
113
|
+
'.unselect-all-btn',
|
|
115
114
|
) as HTMLButtonElement;
|
|
116
115
|
expect(unselectAllBtn).to.exist;
|
|
117
116
|
|
|
@@ -120,9 +119,13 @@ describe('Manage bar', () => {
|
|
|
120
119
|
});
|
|
121
120
|
|
|
122
121
|
it('opens the remove items modal when showRemoveItemsModal is clicked', async () => {
|
|
122
|
+
const modalManager = await fixture<ModalManager>(
|
|
123
|
+
html`<modal-manager></modal-manager>`,
|
|
124
|
+
);
|
|
125
|
+
|
|
123
126
|
const el = await fixture<ManageBar>(html`
|
|
124
127
|
<manage-bar
|
|
125
|
-
.modalManager=${
|
|
128
|
+
.modalManager=${modalManager}
|
|
126
129
|
.selectedItems=${[{ identifier: '1', title: 'Item 1' }]}
|
|
127
130
|
removeAllowed
|
|
128
131
|
></manage-bar>
|
|
@@ -130,13 +133,13 @@ describe('Manage bar', () => {
|
|
|
130
133
|
await el.updateComplete;
|
|
131
134
|
|
|
132
135
|
const removeButton = el.shadowRoot?.querySelector(
|
|
133
|
-
'.ia-button.danger'
|
|
136
|
+
'.ia-button.danger',
|
|
134
137
|
) as HTMLButtonElement;
|
|
135
138
|
expect(removeButton).to.exist;
|
|
136
139
|
|
|
137
140
|
const showModalSpy = Sinon.spy(
|
|
138
141
|
el.modalManager as ModalManagerInterface,
|
|
139
|
-
'showModal'
|
|
142
|
+
'showModal',
|
|
140
143
|
);
|
|
141
144
|
|
|
142
145
|
await el.updateComplete;
|
|
@@ -147,7 +150,7 @@ describe('Manage bar', () => {
|
|
|
147
150
|
expect(showModalSpy.callCount).to.equal(1);
|
|
148
151
|
expect(el.modalManager?.classList.contains('remove-items')).to.be;
|
|
149
152
|
expect(showModalSpy.args[0][0].config.title?.values[0]).to.equal(
|
|
150
|
-
msg('Are you sure you want to remove these items?')
|
|
153
|
+
msg('Are you sure you want to remove these items?'),
|
|
151
154
|
);
|
|
152
155
|
expect(showModalSpy.args[0][0].customModalContent).to.exist;
|
|
153
156
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
3
2
|
import { html } from 'lit';
|
|
4
3
|
import Sinon from 'sinon';
|
|
@@ -38,10 +37,10 @@ describe('RemoveItemsModalContent', () => {
|
|
|
38
37
|
|
|
39
38
|
listItems?.forEach((item, index) => {
|
|
40
39
|
expect(item.querySelector('.item-title')?.textContent).to.equal(
|
|
41
|
-
items[index].title
|
|
40
|
+
items[index].title,
|
|
42
41
|
);
|
|
43
42
|
expect(item.querySelector('.item-date')?.textContent).to.equal(
|
|
44
|
-
items[index].date
|
|
43
|
+
items[index].date,
|
|
45
44
|
);
|
|
46
45
|
});
|
|
47
46
|
});
|
|
@@ -56,7 +55,7 @@ describe('RemoveItemsModalContent', () => {
|
|
|
56
55
|
`);
|
|
57
56
|
|
|
58
57
|
expect(el.shadowRoot?.querySelector('.message')?.textContent).to.equal(
|
|
59
|
-
message
|
|
58
|
+
message,
|
|
60
59
|
);
|
|
61
60
|
});
|
|
62
61
|
|
|
@@ -72,7 +71,7 @@ describe('RemoveItemsModalContent', () => {
|
|
|
72
71
|
el.addEventListener('confirm', spy);
|
|
73
72
|
|
|
74
73
|
const button = el.shadowRoot?.querySelector(
|
|
75
|
-
'.remove-items-btn'
|
|
74
|
+
'.remove-items-btn',
|
|
76
75
|
) as HTMLInputElement;
|
|
77
76
|
button?.click();
|
|
78
77
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
// eslint-disable @typescript-eslint/no-unsafe-function-type
|
|
1
2
|
import type { Result } from '@internetarchive/result-type';
|
|
2
3
|
import {
|
|
3
4
|
Aggregation,
|
|
@@ -494,7 +495,7 @@ export const getMockSuccessWithCollectionAggregations: () => Result<
|
|
|
494
495
|
});
|
|
495
496
|
|
|
496
497
|
export const getMockSuccessSingleResultWithSort: (
|
|
497
|
-
resultsSpy: Function
|
|
498
|
+
resultsSpy: Function,
|
|
498
499
|
) => Result<SearchResponse, SearchServiceError> = (resultsSpy: Function) => ({
|
|
499
500
|
success: {
|
|
500
501
|
request: {
|
|
@@ -82,7 +82,7 @@ export class MockSearchService implements SearchServiceInterface {
|
|
|
82
82
|
|
|
83
83
|
async search(
|
|
84
84
|
params: SearchParams,
|
|
85
|
-
searchType: SearchType
|
|
85
|
+
searchType: SearchType,
|
|
86
86
|
): Promise<Result<SearchResponse, SearchServiceError>> {
|
|
87
87
|
this.searchParams = params;
|
|
88
88
|
this.searchType = searchType;
|
|
@@ -68,7 +68,7 @@ describe('Restoration state handler', () => {
|
|
|
68
68
|
|
|
69
69
|
const restorationState = handler.getRestorationState();
|
|
70
70
|
expect(restorationState.selectedFacets.year['2018'].state).to.equal(
|
|
71
|
-
'selected'
|
|
71
|
+
'selected',
|
|
72
72
|
);
|
|
73
73
|
});
|
|
74
74
|
|
|
@@ -81,7 +81,7 @@ describe('Restoration state handler', () => {
|
|
|
81
81
|
|
|
82
82
|
const restorationState = handler.getRestorationState();
|
|
83
83
|
expect(restorationState.selectedFacets).to.deep.equal(
|
|
84
|
-
getDefaultSelectedFacets()
|
|
84
|
+
getDefaultSelectedFacets(),
|
|
85
85
|
);
|
|
86
86
|
});
|
|
87
87
|
|
|
@@ -128,7 +128,7 @@ describe('Restoration state handler', () => {
|
|
|
128
128
|
|
|
129
129
|
const restorationState = handler.getRestorationState();
|
|
130
130
|
expect(restorationState.selectedFacets.subject.foo.state).to.equal(
|
|
131
|
-
'selected'
|
|
131
|
+
'selected',
|
|
132
132
|
);
|
|
133
133
|
});
|
|
134
134
|
|
|
@@ -141,7 +141,7 @@ describe('Restoration state handler', () => {
|
|
|
141
141
|
|
|
142
142
|
const restorationState = handler.getRestorationState();
|
|
143
143
|
expect(restorationState.selectedFacets.year['2018'].state).to.equal(
|
|
144
|
-
'hidden'
|
|
144
|
+
'hidden',
|
|
145
145
|
);
|
|
146
146
|
});
|
|
147
147
|
|
|
@@ -156,17 +156,17 @@ describe('Restoration state handler', () => {
|
|
|
156
156
|
const restorationState = handler.getRestorationState();
|
|
157
157
|
|
|
158
158
|
expect(restorationState.selectedFacets.collection.foo.state).to.equal(
|
|
159
|
-
'selected'
|
|
159
|
+
'selected',
|
|
160
160
|
);
|
|
161
161
|
expect(restorationState.selectedFacets.collection.bar.state).to.equal(
|
|
162
|
-
'selected'
|
|
162
|
+
'selected',
|
|
163
163
|
);
|
|
164
164
|
|
|
165
165
|
expect(restorationState.selectedFacets.collection.baz.state).to.equal(
|
|
166
|
-
'hidden'
|
|
166
|
+
'hidden',
|
|
167
167
|
);
|
|
168
168
|
expect(restorationState.selectedFacets.collection.boop.state).to.equal(
|
|
169
|
-
'hidden'
|
|
169
|
+
'hidden',
|
|
170
170
|
);
|
|
171
171
|
});
|
|
172
172
|
|
|
@@ -179,7 +179,7 @@ describe('Restoration state handler', () => {
|
|
|
179
179
|
|
|
180
180
|
const restorationState = handler.getRestorationState();
|
|
181
181
|
expect(restorationState.selectedFacets.collection.foo.state).to.equal(
|
|
182
|
-
'hidden'
|
|
182
|
+
'hidden',
|
|
183
183
|
);
|
|
184
184
|
});
|
|
185
185
|
|
|
@@ -192,7 +192,7 @@ describe('Restoration state handler', () => {
|
|
|
192
192
|
|
|
193
193
|
const restorationState = handler.getRestorationState();
|
|
194
194
|
expect(restorationState.selectedFacets.subject.foo.state).to.equal(
|
|
195
|
-
'selected'
|
|
195
|
+
'selected',
|
|
196
196
|
);
|
|
197
197
|
});
|
|
198
198
|
|
|
@@ -205,7 +205,7 @@ describe('Restoration state handler', () => {
|
|
|
205
205
|
|
|
206
206
|
const restorationState = handler.getRestorationState();
|
|
207
207
|
expect(restorationState.selectedFacets.year['2018'].state).to.equal(
|
|
208
|
-
'hidden'
|
|
208
|
+
'hidden',
|
|
209
209
|
);
|
|
210
210
|
});
|
|
211
211
|
|
|
@@ -377,7 +377,7 @@ describe('Restoration state handler', () => {
|
|
|
377
377
|
|
|
378
378
|
// Ensure the new URL includes the "normalized" facet parameter and not the numbered one
|
|
379
379
|
expect(decodeURIComponent(window.location.search)).to.include(
|
|
380
|
-
'and[]=subject:"foo"'
|
|
380
|
+
'and[]=subject:"foo"',
|
|
381
381
|
);
|
|
382
382
|
expect(new URL(window.location.href).searchParams.get('and[0]')).to.be.null;
|
|
383
383
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
3
2
|
import { html } from 'lit';
|
|
4
3
|
import type { ReviewBlock } from '../src/tiles/review-block';
|
|
@@ -11,7 +10,7 @@ describe('ReviewBlock component', () => {
|
|
|
11
10
|
title="Foo"
|
|
12
11
|
body="foo bar baz"
|
|
13
12
|
starRating="3"
|
|
14
|
-
></review-block
|
|
13
|
+
></review-block>`,
|
|
15
14
|
);
|
|
16
15
|
|
|
17
16
|
el.title = 'Foo';
|
|
@@ -7,7 +7,7 @@ import '../../src/sort-filter-bar/alpha-bar-tooltip';
|
|
|
7
7
|
describe('Alphabet Filter Bar Tooltips', () => {
|
|
8
8
|
it('renders component', async () => {
|
|
9
9
|
const el = await fixture<AlphaBarTooltip>(
|
|
10
|
-
html`<alpha-bar-tooltip .numResults=${42}></alpha-bar-tooltip
|
|
10
|
+
html`<alpha-bar-tooltip .numResults=${42}></alpha-bar-tooltip>`,
|
|
11
11
|
);
|
|
12
12
|
|
|
13
13
|
// Should render the number of results
|
|
@@ -22,7 +22,7 @@ describe('Alphabetical Filter Bar', () => {
|
|
|
22
22
|
|
|
23
23
|
// Should have exactly two letter buttons
|
|
24
24
|
const letterButtons = el.shadowRoot?.querySelectorAll(
|
|
25
|
-
'li > button:not(:disabled)'
|
|
25
|
+
'li > button:not(:disabled)',
|
|
26
26
|
);
|
|
27
27
|
expect(letterButtons?.length).to.equal(2);
|
|
28
28
|
expect(letterButtons?.item(0).textContent?.trim()).to.equal('U');
|
|
@@ -37,7 +37,7 @@ describe('Alphabetical Filter Bar', () => {
|
|
|
37
37
|
|
|
38
38
|
// All but the two letters above should be disabled
|
|
39
39
|
const letterButtons = el.shadowRoot?.querySelectorAll(
|
|
40
|
-
'li > button:disabled'
|
|
40
|
+
'li > button:disabled',
|
|
41
41
|
);
|
|
42
42
|
expect(letterButtons?.length).to.equal(24);
|
|
43
43
|
expect(letterButtons?.item(0).textContent?.trim()).to.equal('A');
|
|
@@ -64,7 +64,7 @@ describe('Alphabetical Filter Bar', () => {
|
|
|
64
64
|
await el.updateComplete;
|
|
65
65
|
|
|
66
66
|
const tooltip = el.shadowRoot?.querySelector(
|
|
67
|
-
'alpha-bar-tooltip'
|
|
67
|
+
'alpha-bar-tooltip',
|
|
68
68
|
) as AlphaBarTooltip;
|
|
69
69
|
expect(tooltip).to.exist;
|
|
70
70
|
|
|
@@ -88,14 +88,14 @@ describe('Alphabetical Filter Bar', () => {
|
|
|
88
88
|
await el.updateComplete;
|
|
89
89
|
|
|
90
90
|
const tooltip = el.shadowRoot?.querySelector(
|
|
91
|
-
'alpha-bar-tooltip'
|
|
91
|
+
'alpha-bar-tooltip',
|
|
92
92
|
) as AlphaBarTooltip;
|
|
93
93
|
expect(tooltip).to.exist;
|
|
94
94
|
|
|
95
95
|
// Should be positioned after next tick, but not off-screen
|
|
96
96
|
await aTimeout(0);
|
|
97
97
|
expect(tooltip.getBoundingClientRect().right).to.be.lessThan(
|
|
98
|
-
window.innerWidth
|
|
98
|
+
window.innerWidth,
|
|
99
99
|
);
|
|
100
100
|
});
|
|
101
101
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
3
2
|
import sinon from 'sinon';
|
|
4
3
|
import { html } from 'lit';
|
|
@@ -19,10 +18,10 @@ describe('Sort selector default buttons', async () => {
|
|
|
19
18
|
<sort-filter-bar></sort-filter-bar>
|
|
20
19
|
`);
|
|
21
20
|
sortSelectorContainer = el.shadowRoot?.querySelector(
|
|
22
|
-
'#sort-selector-container'
|
|
21
|
+
'#sort-selector-container',
|
|
23
22
|
);
|
|
24
23
|
desktopSortSelector = sortSelectorContainer?.querySelector(
|
|
25
|
-
'#desktop-sort-selector'
|
|
24
|
+
'#desktop-sort-selector',
|
|
26
25
|
);
|
|
27
26
|
|
|
28
27
|
el.resizeObserver = new SharedResizeObserver();
|
|
@@ -42,7 +41,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
42
41
|
|
|
43
42
|
it('should render sort direction button', async () => {
|
|
44
43
|
const sortDirections = el.shadowRoot?.querySelector(
|
|
45
|
-
'.sort-direction-container'
|
|
44
|
+
'.sort-direction-container',
|
|
46
45
|
);
|
|
47
46
|
expect(sortDirections).to.exist;
|
|
48
47
|
expect(sortDirections?.querySelector('.sort-direction-icon')).to.exist;
|
|
@@ -78,7 +77,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
78
77
|
await el.updateComplete;
|
|
79
78
|
|
|
80
79
|
const defaultSortSelector = desktopSortSelector?.querySelector(
|
|
81
|
-
'ia-dropdown.selected'
|
|
80
|
+
'ia-dropdown.selected',
|
|
82
81
|
);
|
|
83
82
|
expect(defaultSortSelector?.textContent?.trim()).to.equal('All-time views');
|
|
84
83
|
});
|
|
@@ -102,7 +101,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
102
101
|
await el.updateComplete;
|
|
103
102
|
|
|
104
103
|
const defaultSortSelector = desktopSortSelector?.querySelector(
|
|
105
|
-
'ia-dropdown.selected'
|
|
104
|
+
'ia-dropdown.selected',
|
|
106
105
|
);
|
|
107
106
|
expect(defaultSortSelector?.textContent?.trim()).to.equal('Date reviewed');
|
|
108
107
|
});
|
|
@@ -219,7 +218,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
219
218
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
220
219
|
|
|
221
220
|
const firstOption = defaultSortSelector?.shadowRoot?.querySelector(
|
|
222
|
-
'li > button'
|
|
221
|
+
'li > button',
|
|
223
222
|
) as HTMLButtonElement;
|
|
224
223
|
expect(firstOption).to.exist;
|
|
225
224
|
|
|
@@ -235,7 +234,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
235
234
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
236
235
|
|
|
237
236
|
const firstOption = defaultSortSelector?.shadowRoot?.querySelector(
|
|
238
|
-
'li > button'
|
|
237
|
+
'li > button',
|
|
239
238
|
) as HTMLButtonElement;
|
|
240
239
|
expect(firstOption).to.exist;
|
|
241
240
|
|
|
@@ -251,7 +250,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
251
250
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
252
251
|
|
|
253
252
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
254
|
-
'.caret'
|
|
253
|
+
'.caret',
|
|
255
254
|
) as HTMLElement;
|
|
256
255
|
expect(caret).to.exist;
|
|
257
256
|
|
|
@@ -259,7 +258,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
259
258
|
await el.updateComplete;
|
|
260
259
|
|
|
261
260
|
let backdrop = el.shadowRoot?.querySelector(
|
|
262
|
-
'#sort-selector-backdrop'
|
|
261
|
+
'#sort-selector-backdrop',
|
|
263
262
|
) as HTMLElement;
|
|
264
263
|
expect(backdrop).to.exist;
|
|
265
264
|
|
|
@@ -267,7 +266,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
267
266
|
await el.updateComplete;
|
|
268
267
|
|
|
269
268
|
backdrop = el.shadowRoot?.querySelector(
|
|
270
|
-
'#sort-selector-backdrop'
|
|
269
|
+
'#sort-selector-backdrop',
|
|
271
270
|
) as HTMLElement;
|
|
272
271
|
expect(backdrop).not.to.exist;
|
|
273
272
|
});
|
|
@@ -278,7 +277,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
278
277
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
279
278
|
|
|
280
279
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
281
|
-
'.caret'
|
|
280
|
+
'.caret',
|
|
282
281
|
) as HTMLElement;
|
|
283
282
|
expect(caret).to.exist;
|
|
284
283
|
|
|
@@ -286,7 +285,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
286
285
|
await el.updateComplete;
|
|
287
286
|
|
|
288
287
|
let backdrop = el.shadowRoot?.querySelector(
|
|
289
|
-
'#sort-selector-backdrop'
|
|
288
|
+
'#sort-selector-backdrop',
|
|
290
289
|
) as HTMLElement;
|
|
291
290
|
expect(backdrop).to.exist;
|
|
292
291
|
|
|
@@ -294,7 +293,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
294
293
|
await el.updateComplete;
|
|
295
294
|
|
|
296
295
|
backdrop = el.shadowRoot?.querySelector(
|
|
297
|
-
'#sort-selector-backdrop'
|
|
296
|
+
'#sort-selector-backdrop',
|
|
298
297
|
) as HTMLElement;
|
|
299
298
|
expect(backdrop).not.to.exist;
|
|
300
299
|
});
|
|
@@ -305,7 +304,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
305
304
|
?.querySelector('ia-dropdown') as IaDropdown;
|
|
306
305
|
|
|
307
306
|
const caret = defaultSortSelector?.shadowRoot?.querySelector(
|
|
308
|
-
'.caret'
|
|
307
|
+
'.caret',
|
|
309
308
|
) as HTMLElement;
|
|
310
309
|
expect(caret).to.exist;
|
|
311
310
|
|
|
@@ -313,7 +312,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
313
312
|
await el.updateComplete;
|
|
314
313
|
|
|
315
314
|
let backdrop = el.shadowRoot?.querySelector(
|
|
316
|
-
'#sort-selector-backdrop'
|
|
315
|
+
'#sort-selector-backdrop',
|
|
317
316
|
) as HTMLElement;
|
|
318
317
|
expect(backdrop).to.exist;
|
|
319
318
|
|
|
@@ -321,7 +320,7 @@ describe('Sort selector default buttons', async () => {
|
|
|
321
320
|
await el.updateComplete;
|
|
322
321
|
|
|
323
322
|
backdrop = el.shadowRoot?.querySelector(
|
|
324
|
-
'#sort-selector-backdrop'
|
|
323
|
+
'#sort-selector-backdrop',
|
|
325
324
|
) as HTMLElement;
|
|
326
325
|
expect(backdrop).not.to.exist;
|
|
327
326
|
});
|
|
@@ -337,7 +336,7 @@ describe('Sort direction button behavior', () => {
|
|
|
337
336
|
await el.updateComplete;
|
|
338
337
|
|
|
339
338
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
340
|
-
'.sort-direction-selector'
|
|
339
|
+
'.sort-direction-selector',
|
|
341
340
|
) as HTMLButtonElement;
|
|
342
341
|
expect(sortDirectionButton).to.exist;
|
|
343
342
|
expect(sortDirectionButton.disabled).to.be.true;
|
|
@@ -352,7 +351,7 @@ describe('Sort direction button behavior', () => {
|
|
|
352
351
|
await el.updateComplete;
|
|
353
352
|
|
|
354
353
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
355
|
-
'.sort-direction-selector'
|
|
354
|
+
'.sort-direction-selector',
|
|
356
355
|
) as HTMLButtonElement;
|
|
357
356
|
expect(sortDirectionButton).to.exist;
|
|
358
357
|
expect(sortDirectionButton.disabled).to.be.false;
|
|
@@ -368,7 +367,7 @@ describe('Sort direction button behavior', () => {
|
|
|
368
367
|
await el.updateComplete;
|
|
369
368
|
|
|
370
369
|
const sortDirectionButton = el.shadowRoot?.querySelector(
|
|
371
|
-
'.sort-direction-selector'
|
|
370
|
+
'.sort-direction-selector',
|
|
372
371
|
) as HTMLButtonElement;
|
|
373
372
|
|
|
374
373
|
sortDirectionButton.click();
|
|
@@ -413,7 +412,7 @@ describe('Display mode/style buttons', () => {
|
|
|
413
412
|
`);
|
|
414
413
|
|
|
415
414
|
const displayModeButtonList = el.shadowRoot?.querySelector(
|
|
416
|
-
'#display-style-selector'
|
|
415
|
+
'#display-style-selector',
|
|
417
416
|
);
|
|
418
417
|
expect(displayModeButtonList).not.to.exist;
|
|
419
418
|
});
|
|
@@ -442,21 +441,21 @@ describe('Display mode/style buttons', () => {
|
|
|
442
441
|
await el.updateComplete;
|
|
443
442
|
|
|
444
443
|
const extendedListButton = el.shadowRoot?.querySelector(
|
|
445
|
-
'#list-detail-button'
|
|
444
|
+
'#list-detail-button',
|
|
446
445
|
) as HTMLElement;
|
|
447
446
|
extendedListButton.click();
|
|
448
447
|
await el.updateComplete;
|
|
449
448
|
expect(el.displayMode).to.equal('list-detail');
|
|
450
449
|
|
|
451
450
|
const compactListButton = el.shadowRoot?.querySelector(
|
|
452
|
-
'#list-compact-button'
|
|
451
|
+
'#list-compact-button',
|
|
453
452
|
) as HTMLElement;
|
|
454
453
|
compactListButton.click();
|
|
455
454
|
await el.updateComplete;
|
|
456
455
|
expect(el.displayMode).to.equal('list-compact');
|
|
457
456
|
|
|
458
457
|
const gridModeButton = el.shadowRoot?.querySelector(
|
|
459
|
-
'#grid-button'
|
|
458
|
+
'#grid-button',
|
|
460
459
|
) as HTMLElement;
|
|
461
460
|
gridModeButton.click();
|
|
462
461
|
await el.updateComplete;
|
|
@@ -476,7 +475,7 @@ describe('Sort/filter bar letter behavior', () => {
|
|
|
476
475
|
|
|
477
476
|
const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
|
|
478
477
|
const letterLink = alphaBar?.shadowRoot?.querySelector(
|
|
479
|
-
'li > button:not(:disabled)'
|
|
478
|
+
'li > button:not(:disabled)',
|
|
480
479
|
) as HTMLAnchorElement;
|
|
481
480
|
expect(letterLink?.textContent?.trim()).to.equal('T');
|
|
482
481
|
|
|
@@ -497,7 +496,7 @@ describe('Sort/filter bar letter behavior', () => {
|
|
|
497
496
|
|
|
498
497
|
const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
|
|
499
498
|
const letterLink = alphaBar?.shadowRoot?.querySelector(
|
|
500
|
-
'li > button:not(:disabled)'
|
|
499
|
+
'li > button:not(:disabled)',
|
|
501
500
|
) as HTMLAnchorElement;
|
|
502
501
|
expect(letterLink?.textContent?.trim()).to.equal('C');
|
|
503
502
|
|
|
@@ -525,10 +524,10 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
525
524
|
`);
|
|
526
525
|
|
|
527
526
|
const mobileSortContainer = el.shadowRoot?.querySelector(
|
|
528
|
-
'#mobile-sort-container'
|
|
527
|
+
'#mobile-sort-container',
|
|
529
528
|
);
|
|
530
529
|
const desktopSortContainer = el.shadowRoot?.querySelector(
|
|
531
|
-
'#desktop-sort-container'
|
|
530
|
+
'#desktop-sort-container',
|
|
532
531
|
);
|
|
533
532
|
|
|
534
533
|
expect(mobileSortContainer?.classList?.contains('visible')).to.be.true;
|
|
@@ -541,14 +540,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
541
540
|
`);
|
|
542
541
|
|
|
543
542
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
544
|
-
'#mobile-dropdown'
|
|
543
|
+
'#mobile-dropdown',
|
|
545
544
|
) as IaDropdown;
|
|
546
545
|
expect(mobileDropdown).to.exist;
|
|
547
546
|
|
|
548
547
|
mobileDropdown.selectedOption = 'title';
|
|
549
548
|
const option = { id: 'title' };
|
|
550
549
|
mobileDropdown.dispatchEvent(
|
|
551
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
550
|
+
new CustomEvent('optionSelected', { detail: { option } }),
|
|
552
551
|
);
|
|
553
552
|
await el.updateComplete;
|
|
554
553
|
|
|
@@ -565,14 +564,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
565
564
|
await el.updateComplete;
|
|
566
565
|
|
|
567
566
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
568
|
-
'#mobile-dropdown'
|
|
567
|
+
'#mobile-dropdown',
|
|
569
568
|
) as IaDropdown;
|
|
570
569
|
expect(mobileDropdown).to.exist;
|
|
571
570
|
|
|
572
571
|
mobileDropdown.selectedOption = 'relevance';
|
|
573
572
|
const option = { id: 'relevance' };
|
|
574
573
|
mobileDropdown.dispatchEvent(
|
|
575
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
574
|
+
new CustomEvent('optionSelected', { detail: { option } }),
|
|
576
575
|
);
|
|
577
576
|
await el.updateComplete;
|
|
578
577
|
|
|
@@ -590,14 +589,14 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
590
589
|
await el.updateComplete;
|
|
591
590
|
|
|
592
591
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
593
|
-
'#mobile-dropdown'
|
|
592
|
+
'#mobile-dropdown',
|
|
594
593
|
) as IaDropdown;
|
|
595
594
|
expect(mobileDropdown).to.exist;
|
|
596
595
|
|
|
597
596
|
mobileDropdown.selectedOption = 'relevance';
|
|
598
597
|
const option = { id: 'relevance' };
|
|
599
598
|
mobileDropdown.dispatchEvent(
|
|
600
|
-
new CustomEvent('optionSelected', { detail: { option } })
|
|
599
|
+
new CustomEvent('optionSelected', { detail: { option } }),
|
|
601
600
|
);
|
|
602
601
|
await el.updateComplete;
|
|
603
602
|
|
|
@@ -611,12 +610,12 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
611
610
|
`);
|
|
612
611
|
|
|
613
612
|
const mobileDropdown = el.shadowRoot?.querySelector(
|
|
614
|
-
'#mobile-dropdown'
|
|
613
|
+
'#mobile-dropdown',
|
|
615
614
|
) as IaDropdown;
|
|
616
615
|
expect(mobileDropdown).to.exist;
|
|
617
616
|
|
|
618
617
|
const caret = mobileDropdown?.shadowRoot?.querySelector(
|
|
619
|
-
'.caret'
|
|
618
|
+
'.caret',
|
|
620
619
|
) as HTMLElement;
|
|
621
620
|
expect(caret).to.exist;
|
|
622
621
|
|
|
@@ -624,7 +623,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
624
623
|
await el.updateComplete;
|
|
625
624
|
|
|
626
625
|
let backdrop = el.shadowRoot?.querySelector(
|
|
627
|
-
'#sort-selector-backdrop'
|
|
626
|
+
'#sort-selector-backdrop',
|
|
628
627
|
) as HTMLElement;
|
|
629
628
|
expect(backdrop).to.exist;
|
|
630
629
|
|
|
@@ -632,7 +631,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
632
631
|
await el.updateComplete;
|
|
633
632
|
|
|
634
633
|
backdrop = el.shadowRoot?.querySelector(
|
|
635
|
-
'#sort-selector-backdrop'
|
|
634
|
+
'#sort-selector-backdrop',
|
|
636
635
|
) as HTMLElement;
|
|
637
636
|
expect(backdrop).not.to.exist;
|
|
638
637
|
});
|
|
@@ -674,7 +673,7 @@ describe('Sort/filter bar mobile view', () => {
|
|
|
674
673
|
|
|
675
674
|
// slot exists
|
|
676
675
|
const sortOptionsSlot = el?.shadowRoot?.querySelector(
|
|
677
|
-
'slot[name="sort-options"]'
|
|
676
|
+
'slot[name="sort-options"]',
|
|
678
677
|
);
|
|
679
678
|
expect(sortOptionsSlot).to.exist;
|
|
680
679
|
|