@internetarchive/collection-browser 2.3.0 → 2.4.0
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 +466 -466
- package/dist/src/collection-browser.js +1475 -1475
- package/dist/src/collection-facets/facet-row.d.ts +30 -30
- package/dist/src/collection-facets/facet-row.js +114 -114
- 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 +17 -17
- package/dist/src/collection-facets/facets-template.js +114 -114
- package/dist/src/collection-facets/more-facets-content.d.ts +74 -74
- package/dist/src/collection-facets/more-facets-content.js +360 -360
- 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 +510 -510
- 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 +985 -985
- 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 +74 -74
- 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 +209 -209
- package/dist/src/models.js +381 -381
- 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 +222 -222
- package/dist/src/sort-filter-bar/sort-filter-bar.js +696 -696
- 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 +354 -352
- package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +18 -15
- package/dist/src/tiles/hover/tile-hover-pane.js +127 -47
- package/dist/src/tiles/hover/tile-hover-pane.js.map +1 -1
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +74 -74
- package/dist/src/tiles/image-block.js.map +1 -1
- 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/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 +1293 -1293
- package/dist/test/collection-facets/facet-row.test.d.ts +1 -1
- package/dist/test/collection-facets/facet-row.test.js +203 -203
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +105 -105
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +139 -139
- 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 +24 -24
- package/dist/test/mocks/mock-search-responses.js +860 -860
- package/dist/test/mocks/mock-search-service.d.ts +15 -15
- package/dist/test/mocks/mock-search-service.js +53 -53
- 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 -13
- package/dist/test/tiles/hover/tile-hover-pane.test.js.map +1 -1
- 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/tiles/hover/hover-pane-controller.ts +2 -0
- package/src/tiles/hover/tile-hover-pane.ts +100 -11
- package/src/tiles/image-block.ts +1 -1
- package/test/tiles/hover/tile-hover-pane.test.ts +61 -0
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../src/tiles/image-block';
|
|
5
|
-
describe('Image block component', () => {
|
|
6
|
-
it('should render component grid display mode', async () => {
|
|
7
|
-
var _a, _b, _c;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import '../src/tiles/image-block';
|
|
5
|
+
describe('Image block component', () => {
|
|
6
|
+
it('should render component grid display mode', async () => {
|
|
7
|
+
var _a, _b, _c;
|
|
8
8
|
const el = await fixture(html `
|
|
9
9
|
<image-block
|
|
10
|
-
.model=${{
|
|
11
|
-
loggedInRequired: true,
|
|
12
|
-
contentWarning: true,
|
|
13
|
-
identifier: 'goody',
|
|
10
|
+
.model=${{
|
|
11
|
+
loggedInRequired: true,
|
|
12
|
+
contentWarning: true,
|
|
13
|
+
identifier: 'goody',
|
|
14
14
|
}}
|
|
15
15
|
.baseImageUrl=${'https://archive.org'}
|
|
16
16
|
.isCompactTile=${false}
|
|
@@ -19,22 +19,22 @@ describe('Image block component', () => {
|
|
|
19
19
|
.loggedIn=${false}
|
|
20
20
|
>
|
|
21
21
|
</image-block>
|
|
22
|
-
`);
|
|
23
|
-
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
|
|
24
|
-
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
25
|
-
const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
|
|
26
|
-
expect(viewSize).to.exist;
|
|
27
|
-
expect(itemImage).to.exist;
|
|
28
|
-
expect(textOverlay).to.exist;
|
|
29
|
-
});
|
|
30
|
-
it('should render component list display mode', async () => {
|
|
31
|
-
var _a, _b, _c;
|
|
22
|
+
`);
|
|
23
|
+
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
|
|
24
|
+
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
25
|
+
const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
|
|
26
|
+
expect(viewSize).to.exist;
|
|
27
|
+
expect(itemImage).to.exist;
|
|
28
|
+
expect(textOverlay).to.exist;
|
|
29
|
+
});
|
|
30
|
+
it('should render component list display mode', async () => {
|
|
31
|
+
var _a, _b, _c;
|
|
32
32
|
const el = await fixture(html `
|
|
33
33
|
<image-block
|
|
34
|
-
.model=${{
|
|
35
|
-
loggedInRequired: true,
|
|
36
|
-
contentWarning: true,
|
|
37
|
-
identifier: 'goody',
|
|
34
|
+
.model=${{
|
|
35
|
+
loggedInRequired: true,
|
|
36
|
+
contentWarning: true,
|
|
37
|
+
identifier: 'goody',
|
|
38
38
|
}}
|
|
39
39
|
.baseImageUrl=${'https://archive.org'}
|
|
40
40
|
.isCompactTile=${false}
|
|
@@ -43,22 +43,22 @@ describe('Image block component', () => {
|
|
|
43
43
|
.loggedIn=${false}
|
|
44
44
|
>
|
|
45
45
|
</image-block>
|
|
46
|
-
`);
|
|
47
|
-
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
|
|
48
|
-
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
49
|
-
const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
|
|
50
|
-
expect(viewSize).to.exist;
|
|
51
|
-
expect(itemImage).to.exist;
|
|
52
|
-
expect(iconOverlay).to.exist;
|
|
53
|
-
});
|
|
54
|
-
it('should render component compact display mode', async () => {
|
|
55
|
-
var _a, _b, _c;
|
|
46
|
+
`);
|
|
47
|
+
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
|
|
48
|
+
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
49
|
+
const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
|
|
50
|
+
expect(viewSize).to.exist;
|
|
51
|
+
expect(itemImage).to.exist;
|
|
52
|
+
expect(iconOverlay).to.exist;
|
|
53
|
+
});
|
|
54
|
+
it('should render component compact display mode', async () => {
|
|
55
|
+
var _a, _b, _c;
|
|
56
56
|
const el = await fixture(html `
|
|
57
57
|
<image-block
|
|
58
|
-
.model=${{
|
|
59
|
-
loggedInRequired: true,
|
|
60
|
-
contentWarning: true,
|
|
61
|
-
identifier: 'goody',
|
|
58
|
+
.model=${{
|
|
59
|
+
loggedInRequired: true,
|
|
60
|
+
contentWarning: true,
|
|
61
|
+
identifier: 'goody',
|
|
62
62
|
}}
|
|
63
63
|
.baseImageUrl=${'https://archive.org'}
|
|
64
64
|
.isCompactTile=${true}
|
|
@@ -67,13 +67,13 @@ describe('Image block component', () => {
|
|
|
67
67
|
.loggedIn=${false}
|
|
68
68
|
>
|
|
69
69
|
</image-block>
|
|
70
|
-
`);
|
|
71
|
-
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
|
|
72
|
-
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
73
|
-
const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
|
|
74
|
-
expect(viewSize).to.exist;
|
|
75
|
-
expect(itemImage).to.exist;
|
|
76
|
-
expect(iconOverlay).to.exist;
|
|
77
|
-
});
|
|
78
|
-
});
|
|
70
|
+
`);
|
|
71
|
+
const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
|
|
72
|
+
const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
|
|
73
|
+
const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
|
|
74
|
+
expect(viewSize).to.exist;
|
|
75
|
+
expect(itemImage).to.exist;
|
|
76
|
+
expect(iconOverlay).to.exist;
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
79
|
//# sourceMappingURL=image-block.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../src/tiles/item-image';
|
|
1
|
+
import '../src/tiles/item-image';
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import { TileModel } from '../src/models';
|
|
5
|
-
import '../src/tiles/item-image';
|
|
6
|
-
const baseImageUrl = 'https://archive.org';
|
|
7
|
-
const testBookModel = new TileModel({});
|
|
8
|
-
testBookModel.checked = false;
|
|
9
|
-
testBookModel.collections = [];
|
|
10
|
-
testBookModel.commentCount = 0;
|
|
11
|
-
testBookModel.creators = [];
|
|
12
|
-
testBookModel.favCount = 0;
|
|
13
|
-
testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
|
|
14
|
-
testBookModel.itemCount = 0;
|
|
15
|
-
testBookModel.mediatype = 'texts';
|
|
16
|
-
testBookModel.subjects = [];
|
|
17
|
-
testBookModel.title = 'Sample Waveform';
|
|
18
|
-
testBookModel.viewCount = 0;
|
|
19
|
-
testBookModel.loginRequired = false;
|
|
20
|
-
testBookModel.contentWarning = false;
|
|
21
|
-
testBookModel.collectionFilesCount = 0;
|
|
22
|
-
testBookModel.collectionSize = 0;
|
|
23
|
-
const testAudioModel = new TileModel({});
|
|
24
|
-
testAudioModel.checked = false;
|
|
25
|
-
testAudioModel.collections = [];
|
|
26
|
-
testAudioModel.commentCount = 0;
|
|
27
|
-
testAudioModel.creators = [];
|
|
28
|
-
testAudioModel.favCount = 0;
|
|
29
|
-
testAudioModel.identifier = 'dwd2015-01-24';
|
|
30
|
-
testAudioModel.itemCount = 0;
|
|
31
|
-
testAudioModel.mediatype = 'audio';
|
|
32
|
-
testAudioModel.subjects = [];
|
|
33
|
-
testAudioModel.title = 'Sample Waveform';
|
|
34
|
-
testAudioModel.viewCount = 0;
|
|
35
|
-
testAudioModel.loginRequired = false;
|
|
36
|
-
testAudioModel.contentWarning = false;
|
|
37
|
-
testAudioModel.collectionFilesCount = 0;
|
|
38
|
-
testAudioModel.collectionSize = 0;
|
|
39
|
-
describe('ItemImage component', () => {
|
|
40
|
-
it('should render initial component', async () => {
|
|
41
|
-
var _a, _b;
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import { TileModel } from '../src/models';
|
|
5
|
+
import '../src/tiles/item-image';
|
|
6
|
+
const baseImageUrl = 'https://archive.org';
|
|
7
|
+
const testBookModel = new TileModel({});
|
|
8
|
+
testBookModel.checked = false;
|
|
9
|
+
testBookModel.collections = [];
|
|
10
|
+
testBookModel.commentCount = 0;
|
|
11
|
+
testBookModel.creators = [];
|
|
12
|
+
testBookModel.favCount = 0;
|
|
13
|
+
testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
|
|
14
|
+
testBookModel.itemCount = 0;
|
|
15
|
+
testBookModel.mediatype = 'texts';
|
|
16
|
+
testBookModel.subjects = [];
|
|
17
|
+
testBookModel.title = 'Sample Waveform';
|
|
18
|
+
testBookModel.viewCount = 0;
|
|
19
|
+
testBookModel.loginRequired = false;
|
|
20
|
+
testBookModel.contentWarning = false;
|
|
21
|
+
testBookModel.collectionFilesCount = 0;
|
|
22
|
+
testBookModel.collectionSize = 0;
|
|
23
|
+
const testAudioModel = new TileModel({});
|
|
24
|
+
testAudioModel.checked = false;
|
|
25
|
+
testAudioModel.collections = [];
|
|
26
|
+
testAudioModel.commentCount = 0;
|
|
27
|
+
testAudioModel.creators = [];
|
|
28
|
+
testAudioModel.favCount = 0;
|
|
29
|
+
testAudioModel.identifier = 'dwd2015-01-24';
|
|
30
|
+
testAudioModel.itemCount = 0;
|
|
31
|
+
testAudioModel.mediatype = 'audio';
|
|
32
|
+
testAudioModel.subjects = [];
|
|
33
|
+
testAudioModel.title = 'Sample Waveform';
|
|
34
|
+
testAudioModel.viewCount = 0;
|
|
35
|
+
testAudioModel.loginRequired = false;
|
|
36
|
+
testAudioModel.contentWarning = false;
|
|
37
|
+
testAudioModel.collectionFilesCount = 0;
|
|
38
|
+
testAudioModel.collectionSize = 0;
|
|
39
|
+
describe('ItemImage component', () => {
|
|
40
|
+
it('should render initial component', async () => {
|
|
41
|
+
var _a, _b;
|
|
42
42
|
const el = await fixture(html `
|
|
43
43
|
<item-image
|
|
44
44
|
.isListTile=${false}
|
|
@@ -47,14 +47,14 @@ describe('ItemImage component', () => {
|
|
|
47
47
|
.baseImageUrl=${baseImageUrl}
|
|
48
48
|
>
|
|
49
49
|
</item-image>
|
|
50
|
-
`);
|
|
51
|
-
const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
|
|
52
|
-
const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
|
|
53
|
-
expect(dropShadow).to.exist;
|
|
54
|
-
expect(imgClassName).to.eql(' contain ');
|
|
55
|
-
});
|
|
56
|
-
it('should render component if mediatype is waveform', async () => {
|
|
57
|
-
var _a;
|
|
50
|
+
`);
|
|
51
|
+
const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
|
|
52
|
+
const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
|
|
53
|
+
expect(dropShadow).to.exist;
|
|
54
|
+
expect(imgClassName).to.eql(' contain ');
|
|
55
|
+
});
|
|
56
|
+
it('should render component if mediatype is waveform', async () => {
|
|
57
|
+
var _a;
|
|
58
58
|
const el = await fixture(html `
|
|
59
59
|
<item-image
|
|
60
60
|
.isListTile=${false}
|
|
@@ -63,19 +63,19 @@ describe('ItemImage component', () => {
|
|
|
63
63
|
.baseImageUrl=${baseImageUrl}
|
|
64
64
|
>
|
|
65
65
|
</item-image>
|
|
66
|
-
`);
|
|
67
|
-
const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
|
|
68
|
-
const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
|
|
69
|
-
expect(dropShadow).to.exist;
|
|
70
|
-
expect(image).to.exist;
|
|
71
|
-
// simulate image onLoad event check if image className is waveform
|
|
72
|
-
setTimeout(() => {
|
|
73
|
-
const imgClassName = image === null || image === void 0 ? void 0 : image.className;
|
|
74
|
-
expect(imgClassName).to.eql(' waveform ');
|
|
75
|
-
}, 1000);
|
|
76
|
-
});
|
|
77
|
-
it('should not fetch image with undefined base url', async () => {
|
|
78
|
-
var _a;
|
|
66
|
+
`);
|
|
67
|
+
const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
|
|
68
|
+
const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
|
|
69
|
+
expect(dropShadow).to.exist;
|
|
70
|
+
expect(image).to.exist;
|
|
71
|
+
// simulate image onLoad event check if image className is waveform
|
|
72
|
+
setTimeout(() => {
|
|
73
|
+
const imgClassName = image === null || image === void 0 ? void 0 : image.className;
|
|
74
|
+
expect(imgClassName).to.eql(' waveform ');
|
|
75
|
+
}, 1000);
|
|
76
|
+
});
|
|
77
|
+
it('should not fetch image with undefined base url', async () => {
|
|
78
|
+
var _a;
|
|
79
79
|
const el = await fixture(html `
|
|
80
80
|
<item-image
|
|
81
81
|
.isListTile=${false}
|
|
@@ -83,14 +83,14 @@ describe('ItemImage component', () => {
|
|
|
83
83
|
.model=${testBookModel}
|
|
84
84
|
>
|
|
85
85
|
</item-image>
|
|
86
|
-
`);
|
|
87
|
-
// Doesn't set the image src if base url is undefined
|
|
88
|
-
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
89
|
-
expect(img).to.exist;
|
|
90
|
-
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
91
|
-
});
|
|
92
|
-
it('should not fetch image with undefined model', async () => {
|
|
93
|
-
var _a;
|
|
86
|
+
`);
|
|
87
|
+
// Doesn't set the image src if base url is undefined
|
|
88
|
+
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
89
|
+
expect(img).to.exist;
|
|
90
|
+
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
91
|
+
});
|
|
92
|
+
it('should not fetch image with undefined model', async () => {
|
|
93
|
+
var _a;
|
|
94
94
|
const el = await fixture(html `
|
|
95
95
|
<item-image
|
|
96
96
|
.isListTile=${false}
|
|
@@ -98,14 +98,14 @@ describe('ItemImage component', () => {
|
|
|
98
98
|
.baseImageUrl=${baseImageUrl}
|
|
99
99
|
>
|
|
100
100
|
</item-image>
|
|
101
|
-
`);
|
|
102
|
-
// Doesn't set the image src if model is not present
|
|
103
|
-
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
104
|
-
expect(img).to.exist;
|
|
105
|
-
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
106
|
-
});
|
|
107
|
-
it('should not fetch image with undefined identifier', async () => {
|
|
108
|
-
var _a;
|
|
101
|
+
`);
|
|
102
|
+
// Doesn't set the image src if model is not present
|
|
103
|
+
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
104
|
+
expect(img).to.exist;
|
|
105
|
+
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
106
|
+
});
|
|
107
|
+
it('should not fetch image with undefined identifier', async () => {
|
|
108
|
+
var _a;
|
|
109
109
|
const el = await fixture(html `
|
|
110
110
|
<item-image
|
|
111
111
|
.isListTile=${false}
|
|
@@ -114,11 +114,11 @@ describe('ItemImage component', () => {
|
|
|
114
114
|
.baseImageUrl=${baseImageUrl}
|
|
115
115
|
>
|
|
116
116
|
</item-image>
|
|
117
|
-
`);
|
|
118
|
-
// Doesn't set the image src if identifier is not present
|
|
119
|
-
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
120
|
-
expect(img).to.exist;
|
|
121
|
-
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
122
|
-
});
|
|
123
|
-
});
|
|
117
|
+
`);
|
|
118
|
+
// Doesn't set the image src if identifier is not present
|
|
119
|
+
const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
|
|
120
|
+
expect(img).to.exist;
|
|
121
|
+
expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
124
|
//# sourceMappingURL=item-image.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../../src/manage/manage-bar';
|
|
1
|
+
import '../../src/manage/manage-bar';
|
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
/* eslint-disable import/no-duplicates */
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import Sinon from 'sinon';
|
|
5
|
-
import '../../src/manage/manage-bar';
|
|
6
|
-
describe('Manage bar', () => {
|
|
7
|
-
it('renders basic component', async () => {
|
|
8
|
-
var _a, _b, _c, _d;
|
|
9
|
-
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
10
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')).to.exist;
|
|
11
|
-
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.manage-buttons')).to.exist;
|
|
12
|
-
expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.ia-button.dark')).to.exist;
|
|
13
|
-
expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.ia-button.danger')).to.exist;
|
|
14
|
-
});
|
|
15
|
-
it('can set the label', async () => {
|
|
16
|
-
var _a, _b;
|
|
17
|
-
const el = await fixture(html `<manage-bar label="foo bar"></manage-bar>`);
|
|
18
|
-
expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.equal('foo bar');
|
|
19
|
-
});
|
|
20
|
-
it('does not include Select All/Unselect All buttons by default', async () => {
|
|
21
|
-
var _a, _b;
|
|
22
|
-
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
23
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).not.to.exist;
|
|
24
|
-
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.unselect-all-btn')).not.to.exist;
|
|
25
|
-
});
|
|
26
|
-
it('includes Select All button when requested', async () => {
|
|
27
|
-
var _a;
|
|
28
|
-
const el = await fixture(html `<manage-bar showSelectAll></manage-bar>`);
|
|
29
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).to.exist;
|
|
30
|
-
});
|
|
31
|
-
it('includes Unselect All button when requested', async () => {
|
|
32
|
-
var _a;
|
|
33
|
-
const el = await fixture(html `<manage-bar showUnselectAll></manage-bar>`);
|
|
34
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn')).to.exist;
|
|
35
|
-
});
|
|
36
|
-
it('default and toggle state of remove button', async () => {
|
|
37
|
-
var _a, _b;
|
|
38
|
-
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
39
|
-
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger:disabled')).to.exist;
|
|
40
|
-
el.removeAllowed = true;
|
|
41
|
-
await el.updateComplete;
|
|
42
|
-
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.ia-button.danger:disabled')).to.not
|
|
43
|
-
.exist;
|
|
44
|
-
});
|
|
45
|
-
it('emits event when Cancel button clicked', async () => {
|
|
46
|
-
var _a;
|
|
47
|
-
const spy = Sinon.spy();
|
|
48
|
-
const el = await fixture(html `<manage-bar @cancel=${spy}></manage-bar>`);
|
|
49
|
-
const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.dark');
|
|
50
|
-
expect(cancelBtn).to.exist;
|
|
51
|
-
cancelBtn.click();
|
|
52
|
-
expect(spy.callCount).to.equal(1);
|
|
53
|
-
});
|
|
54
|
-
it('emits event when Remove Items button clicked', async () => {
|
|
55
|
-
var _a;
|
|
56
|
-
const spy = Sinon.spy();
|
|
57
|
-
const el = await fixture(html `<manage-bar @removeItems=${spy} removeAllowed></manage-bar>`);
|
|
58
|
-
const removeItemsBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger');
|
|
59
|
-
expect(removeItemsBtn).to.exist;
|
|
60
|
-
removeItemsBtn.click();
|
|
61
|
-
expect(spy.callCount).to.equal(1);
|
|
62
|
-
});
|
|
63
|
-
it('emits event when Select All button clicked', async () => {
|
|
64
|
-
var _a;
|
|
65
|
-
const spy = Sinon.spy();
|
|
66
|
-
const el = await fixture(html `<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`);
|
|
67
|
-
const selectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn');
|
|
68
|
-
expect(selectAllBtn).to.exist;
|
|
69
|
-
selectAllBtn.click();
|
|
70
|
-
expect(spy.callCount).to.equal(1);
|
|
71
|
-
});
|
|
72
|
-
it('emits event when Unselect All button clicked', async () => {
|
|
73
|
-
var _a;
|
|
74
|
-
const spy = Sinon.spy();
|
|
75
|
-
const el = await fixture(html `<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`);
|
|
76
|
-
const unselectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn');
|
|
77
|
-
expect(unselectAllBtn).to.exist;
|
|
78
|
-
unselectAllBtn.click();
|
|
79
|
-
expect(spy.callCount).to.equal(1);
|
|
80
|
-
});
|
|
81
|
-
});
|
|
1
|
+
/* eslint-disable import/no-duplicates */
|
|
2
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
import Sinon from 'sinon';
|
|
5
|
+
import '../../src/manage/manage-bar';
|
|
6
|
+
describe('Manage bar', () => {
|
|
7
|
+
it('renders basic component', async () => {
|
|
8
|
+
var _a, _b, _c, _d;
|
|
9
|
+
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
10
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')).to.exist;
|
|
11
|
+
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.manage-buttons')).to.exist;
|
|
12
|
+
expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.ia-button.dark')).to.exist;
|
|
13
|
+
expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.ia-button.danger')).to.exist;
|
|
14
|
+
});
|
|
15
|
+
it('can set the label', async () => {
|
|
16
|
+
var _a, _b;
|
|
17
|
+
const el = await fixture(html `<manage-bar label="foo bar"></manage-bar>`);
|
|
18
|
+
expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.equal('foo bar');
|
|
19
|
+
});
|
|
20
|
+
it('does not include Select All/Unselect All buttons by default', async () => {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
23
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).not.to.exist;
|
|
24
|
+
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.unselect-all-btn')).not.to.exist;
|
|
25
|
+
});
|
|
26
|
+
it('includes Select All button when requested', async () => {
|
|
27
|
+
var _a;
|
|
28
|
+
const el = await fixture(html `<manage-bar showSelectAll></manage-bar>`);
|
|
29
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).to.exist;
|
|
30
|
+
});
|
|
31
|
+
it('includes Unselect All button when requested', async () => {
|
|
32
|
+
var _a;
|
|
33
|
+
const el = await fixture(html `<manage-bar showUnselectAll></manage-bar>`);
|
|
34
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn')).to.exist;
|
|
35
|
+
});
|
|
36
|
+
it('default and toggle state of remove button', async () => {
|
|
37
|
+
var _a, _b;
|
|
38
|
+
const el = await fixture(html `<manage-bar></manage-bar>`);
|
|
39
|
+
expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger:disabled')).to.exist;
|
|
40
|
+
el.removeAllowed = true;
|
|
41
|
+
await el.updateComplete;
|
|
42
|
+
expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.ia-button.danger:disabled')).to.not
|
|
43
|
+
.exist;
|
|
44
|
+
});
|
|
45
|
+
it('emits event when Cancel button clicked', async () => {
|
|
46
|
+
var _a;
|
|
47
|
+
const spy = Sinon.spy();
|
|
48
|
+
const el = await fixture(html `<manage-bar @cancel=${spy}></manage-bar>`);
|
|
49
|
+
const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.dark');
|
|
50
|
+
expect(cancelBtn).to.exist;
|
|
51
|
+
cancelBtn.click();
|
|
52
|
+
expect(spy.callCount).to.equal(1);
|
|
53
|
+
});
|
|
54
|
+
it('emits event when Remove Items button clicked', async () => {
|
|
55
|
+
var _a;
|
|
56
|
+
const spy = Sinon.spy();
|
|
57
|
+
const el = await fixture(html `<manage-bar @removeItems=${spy} removeAllowed></manage-bar>`);
|
|
58
|
+
const removeItemsBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger');
|
|
59
|
+
expect(removeItemsBtn).to.exist;
|
|
60
|
+
removeItemsBtn.click();
|
|
61
|
+
expect(spy.callCount).to.equal(1);
|
|
62
|
+
});
|
|
63
|
+
it('emits event when Select All button clicked', async () => {
|
|
64
|
+
var _a;
|
|
65
|
+
const spy = Sinon.spy();
|
|
66
|
+
const el = await fixture(html `<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`);
|
|
67
|
+
const selectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn');
|
|
68
|
+
expect(selectAllBtn).to.exist;
|
|
69
|
+
selectAllBtn.click();
|
|
70
|
+
expect(spy.callCount).to.equal(1);
|
|
71
|
+
});
|
|
72
|
+
it('emits event when Unselect All button clicked', async () => {
|
|
73
|
+
var _a;
|
|
74
|
+
const spy = Sinon.spy();
|
|
75
|
+
const el = await fixture(html `<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`);
|
|
76
|
+
const unselectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn');
|
|
77
|
+
expect(unselectAllBtn).to.exist;
|
|
78
|
+
unselectAllBtn.click();
|
|
79
|
+
expect(spy.callCount).to.equal(1);
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
82
|
//# sourceMappingURL=manage-bar.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { expect } from '@open-wc/testing';
|
|
2
|
-
import { mediatypeConfig } from '../src/mediatype/mediatype-config';
|
|
3
|
-
describe('mediatypeConfig', () => {
|
|
4
|
-
it('returns undefined', () => {
|
|
5
|
-
expect(mediatypeConfig['']).to.equal(undefined);
|
|
6
|
-
expect(mediatypeConfig.test).to.equal(undefined);
|
|
7
|
-
expect(mediatypeConfig.media).to.equal(undefined);
|
|
8
|
-
expect(mediatypeConfig.testing).to.equal(undefined);
|
|
9
|
-
});
|
|
10
|
-
it('returns audio', () => {
|
|
11
|
-
expect(mediatypeConfig.audio).to.exist;
|
|
12
|
-
expect(mediatypeConfig.audio.color).to.exist;
|
|
13
|
-
expect(mediatypeConfig.audio.icon).to.exist;
|
|
14
|
-
expect(mediatypeConfig.audio.text).to.exist;
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
import { expect } from '@open-wc/testing';
|
|
2
|
+
import { mediatypeConfig } from '../src/mediatype/mediatype-config';
|
|
3
|
+
describe('mediatypeConfig', () => {
|
|
4
|
+
it('returns undefined', () => {
|
|
5
|
+
expect(mediatypeConfig['']).to.equal(undefined);
|
|
6
|
+
expect(mediatypeConfig.test).to.equal(undefined);
|
|
7
|
+
expect(mediatypeConfig.media).to.equal(undefined);
|
|
8
|
+
expect(mediatypeConfig.testing).to.equal(undefined);
|
|
9
|
+
});
|
|
10
|
+
it('returns audio', () => {
|
|
11
|
+
expect(mediatypeConfig.audio).to.exist;
|
|
12
|
+
expect(mediatypeConfig.audio.color).to.exist;
|
|
13
|
+
expect(mediatypeConfig.audio.icon).to.exist;
|
|
14
|
+
expect(mediatypeConfig.audio.text).to.exist;
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
17
|
//# sourceMappingURL=mediatype-config.test.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { AnalyticsEvent, AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
|
|
2
|
-
export declare class MockAnalyticsHandler implements AnalyticsManagerInterface {
|
|
3
|
-
callCategory?: string;
|
|
4
|
-
callAction?: string;
|
|
5
|
-
callLabel?: string;
|
|
6
|
-
callEventConfiguration?: object;
|
|
7
|
-
sendPing(): void;
|
|
8
|
-
sendEvent(options: AnalyticsEvent): void;
|
|
9
|
-
sendEventNoSampling(options: AnalyticsEvent): void;
|
|
10
|
-
}
|
|
1
|
+
import type { AnalyticsEvent, AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
|
|
2
|
+
export declare class MockAnalyticsHandler implements AnalyticsManagerInterface {
|
|
3
|
+
callCategory?: string;
|
|
4
|
+
callAction?: string;
|
|
5
|
+
callLabel?: string;
|
|
6
|
+
callEventConfiguration?: object;
|
|
7
|
+
sendPing(): void;
|
|
8
|
+
sendEvent(options: AnalyticsEvent): void;
|
|
9
|
+
sendEventNoSampling(options: AnalyticsEvent): void;
|
|
10
|
+
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export class MockAnalyticsHandler {
|
|
2
|
-
sendPing() { }
|
|
3
|
-
sendEvent(options) {
|
|
4
|
-
this.callCategory = options.category;
|
|
5
|
-
this.callAction = options.action;
|
|
6
|
-
this.callLabel = options.label;
|
|
7
|
-
this.callEventConfiguration = options.eventConfiguration;
|
|
8
|
-
}
|
|
9
|
-
sendEventNoSampling(options) {
|
|
10
|
-
this.callCategory = options.category;
|
|
11
|
-
this.callAction = options.action;
|
|
12
|
-
this.callLabel = options.label;
|
|
13
|
-
this.callEventConfiguration = options.eventConfiguration;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
1
|
+
export class MockAnalyticsHandler {
|
|
2
|
+
sendPing() { }
|
|
3
|
+
sendEvent(options) {
|
|
4
|
+
this.callCategory = options.category;
|
|
5
|
+
this.callAction = options.action;
|
|
6
|
+
this.callLabel = options.label;
|
|
7
|
+
this.callEventConfiguration = options.eventConfiguration;
|
|
8
|
+
}
|
|
9
|
+
sendEventNoSampling(options) {
|
|
10
|
+
this.callCategory = options.category;
|
|
11
|
+
this.callAction = options.action;
|
|
12
|
+
this.callLabel = options.label;
|
|
13
|
+
this.callEventConfiguration = options.eventConfiguration;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
16
|
//# sourceMappingURL=mock-analytics-handler.js.map
|