@internetarchive/collection-browser 4.7.1-alpha-webdev9189.0 → 4.8.1-webdev-9227.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -0
- package/dist/src/app-root.js +0 -2
- package/dist/src/app-root.js.map +1 -1
- package/dist/src/assets/img/icons/check.d.ts +2 -0
- package/dist/src/assets/img/icons/check.js +5 -0
- package/dist/src/assets/img/icons/check.js.map +1 -0
- package/dist/src/collection-browser.d.ts +2 -1
- package/dist/src/collection-browser.js +5 -27
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-row-template.d.ts +38 -0
- package/dist/src/collection-facets/facet-row-template.js +200 -0
- package/dist/src/collection-facets/facet-row-template.js.map +1 -0
- package/dist/src/collection-facets/facet-row.js +11 -186
- package/dist/src/collection-facets/facet-row.js.map +1 -1
- package/dist/src/collection-facets/models.d.ts +7 -2
- package/dist/src/collection-facets/models.js +7 -2
- package/dist/src/collection-facets/models.js.map +1 -1
- package/dist/src/collection-facets/more-facets-content.d.ts +87 -21
- package/dist/src/collection-facets/more-facets-content.js +479 -201
- package/dist/src/collection-facets/more-facets-content.js.map +1 -1
- package/dist/src/collection-facets/more-facets-scroller.d.ts +85 -0
- package/dist/src/collection-facets/more-facets-scroller.js +429 -0
- package/dist/src/collection-facets/more-facets-scroller.js.map +1 -0
- package/dist/src/collection-facets/page-window.d.ts +73 -0
- package/dist/src/collection-facets/page-window.js +202 -0
- package/dist/src/collection-facets/page-window.js.map +1 -0
- package/dist/src/collection-facets/toggle-switch.js +1 -0
- package/dist/src/collection-facets/toggle-switch.js.map +1 -1
- package/dist/src/collection-facets.js +3 -2
- package/dist/src/collection-facets.js.map +1 -1
- package/dist/src/empty-placeholder.d.ts +7 -7
- package/dist/src/empty-placeholder.js +29 -15
- package/dist/src/empty-placeholder.js.map +1 -1
- package/dist/src/expanded-date-picker.js +3 -2
- package/dist/src/expanded-date-picker.js.map +1 -1
- package/dist/src/locales/es.d.ts +94 -0
- package/dist/src/locales/es.js +109 -0
- package/dist/src/locales/es.js.map +1 -0
- package/dist/src/manage/manage-bar.d.ts +3 -2
- package/dist/src/manage/manage-bar.js +6 -7
- package/dist/src/manage/manage-bar.js.map +1 -1
- package/dist/src/manage/remove-items-modal-content.js +3 -2
- package/dist/src/manage/remove-items-modal-content.js.map +1 -1
- package/dist/src/models.d.ts +4 -0
- package/dist/src/models.js +22 -2
- package/dist/src/models.js.map +1 -1
- package/dist/src/sort-filter-bar/sort-filter-bar.js +3 -3
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/tiles/grid/account-tile.js +3 -2
- package/dist/src/tiles/grid/account-tile.js.map +1 -1
- package/dist/src/tiles/grid/collection-tile.js +3 -2
- package/dist/src/tiles/grid/collection-tile.js.map +1 -1
- package/dist/src/tiles/grid/item-tile.js +3 -2
- package/dist/src/tiles/grid/item-tile.js.map +1 -1
- package/dist/src/tiles/grid/tile-stats.js +3 -2
- package/dist/src/tiles/grid/tile-stats.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact-header.js +3 -2
- package/dist/src/tiles/list/tile-list-compact-header.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact.js +3 -1
- package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
- package/dist/src/tiles/list/tile-list.js +3 -2
- package/dist/src/tiles/list/tile-list.js.map +1 -1
- package/dist/src/tiles/overlay/text-overlay.js +3 -1
- package/dist/src/tiles/overlay/text-overlay.js.map +1 -1
- package/dist/src/tiles/review-block.js +3 -2
- package/dist/src/tiles/review-block.js.map +1 -1
- package/dist/src/tiles/tile-dispatcher.d.ts +2 -1
- package/dist/src/tiles/tile-dispatcher.js +5 -4
- package/dist/src/tiles/tile-dispatcher.js.map +1 -1
- package/dist/src/utils/log.d.ts +1 -4
- package/dist/src/utils/normalize-filter-text.d.ts +28 -0
- package/dist/src/utils/normalize-filter-text.js +35 -0
- package/dist/src/utils/normalize-filter-text.js.map +1 -0
- package/locales/es.d.ts +1 -0
- package/locales/es.js +1 -0
- package/package.json +15 -1
- package/.editorconfig +0 -29
- package/.github/workflows/ci.yml +0 -29
- package/.github/workflows/gh-pages-main.yml +0 -41
- package/.github/workflows/npm-publish.yml +0 -42
- package/.github/workflows/pr-preview.yml +0 -40
- package/.husky/pre-commit +0 -1
- package/.prettierignore +0 -1
- package/dist/src/collection-facets/more-facets-pagination.d.ts +0 -36
- package/dist/src/collection-facets/more-facets-pagination.js +0 -260
- package/dist/src/collection-facets/more-facets-pagination.js.map +0 -1
- package/dist/test/collection-browser.test.d.ts +0 -1
- package/dist/test/collection-browser.test.js +0 -1849
- package/dist/test/collection-browser.test.js.map +0 -1
- package/dist/test/collection-facets/facet-row.test.d.ts +0 -1
- package/dist/test/collection-facets/facet-row.test.js +0 -291
- package/dist/test/collection-facets/facet-row.test.js.map +0 -1
- package/dist/test/collection-facets/facets-template.test.d.ts +0 -1
- package/dist/test/collection-facets/facets-template.test.js +0 -95
- package/dist/test/collection-facets/facets-template.test.js.map +0 -1
- package/dist/test/collection-facets/more-facets-content.test.d.ts +0 -1
- package/dist/test/collection-facets/more-facets-content.test.js +0 -159
- package/dist/test/collection-facets/more-facets-content.test.js.map +0 -1
- package/dist/test/collection-facets/more-facets-pagination.test.d.ts +0 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +0 -126
- package/dist/test/collection-facets/more-facets-pagination.test.js.map +0 -1
- package/dist/test/collection-facets/toggle-switch.test.d.ts +0 -1
- package/dist/test/collection-facets/toggle-switch.test.js +0 -99
- package/dist/test/collection-facets/toggle-switch.test.js.map +0 -1
- package/dist/test/collection-facets.test.d.ts +0 -2
- package/dist/test/collection-facets.test.js +0 -728
- package/dist/test/collection-facets.test.js.map +0 -1
- package/dist/test/data-source/collection-browser-data-source.test.d.ts +0 -1
- package/dist/test/data-source/collection-browser-data-source.test.js +0 -154
- package/dist/test/data-source/collection-browser-data-source.test.js.map +0 -1
- package/dist/test/empty-placeholder.test.d.ts +0 -1
- package/dist/test/empty-placeholder.test.js +0 -57
- package/dist/test/empty-placeholder.test.js.map +0 -1
- package/dist/test/expanded-date-picker.test.d.ts +0 -1
- package/dist/test/expanded-date-picker.test.js +0 -124
- package/dist/test/expanded-date-picker.test.js.map +0 -1
- package/dist/test/icon-overlay.test.d.ts +0 -1
- package/dist/test/icon-overlay.test.js +0 -31
- package/dist/test/icon-overlay.test.js.map +0 -1
- package/dist/test/image-block.test.d.ts +0 -1
- package/dist/test/image-block.test.js +0 -208
- package/dist/test/image-block.test.js.map +0 -1
- package/dist/test/item-image.test.d.ts +0 -1
- package/dist/test/item-image.test.js +0 -187
- package/dist/test/item-image.test.js.map +0 -1
- package/dist/test/manage/manage-bar.test.d.ts +0 -3
- package/dist/test/manage/manage-bar.test.js +0 -216
- package/dist/test/manage/manage-bar.test.js.map +0 -1
- package/dist/test/manage/remove-items-modal-content.test.d.ts +0 -1
- package/dist/test/manage/remove-items-modal-content.test.js +0 -60
- package/dist/test/manage/remove-items-modal-content.test.js.map +0 -1
- package/dist/test/mediatype-config.test.d.ts +0 -1
- package/dist/test/mediatype-config.test.js +0 -11
- package/dist/test/mediatype-config.test.js.map +0 -1
- package/dist/test/mocks/mock-analytics-handler.d.ts +0 -10
- package/dist/test/mocks/mock-analytics-handler.js +0 -16
- package/dist/test/mocks/mock-analytics-handler.js.map +0 -1
- package/dist/test/mocks/mock-search-responses.d.ts +0 -31
- package/dist/test/mocks/mock-search-responses.js +0 -1241
- package/dist/test/mocks/mock-search-responses.js.map +0 -1
- package/dist/test/mocks/mock-search-service.d.ts +0 -16
- package/dist/test/mocks/mock-search-service.js +0 -64
- package/dist/test/mocks/mock-search-service.js.map +0 -1
- package/dist/test/restoration-state-handler.test.d.ts +0 -1
- package/dist/test/restoration-state-handler.test.js +0 -335
- package/dist/test/restoration-state-handler.test.js.map +0 -1
- package/dist/test/review-block.test.d.ts +0 -1
- package/dist/test/review-block.test.js +0 -46
- package/dist/test/review-block.test.js.map +0 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +0 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +0 -12
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js.map +0 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +0 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js +0 -68
- package/dist/test/sort-filter-bar/alpha-bar.test.js.map +0 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +0 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js +0 -326
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +0 -1
- package/dist/test/text-overlay.test.d.ts +0 -1
- package/dist/test/text-overlay.test.js +0 -43
- package/dist/test/text-overlay.test.js.map +0 -1
- package/dist/test/text-snippet-block.test.d.ts +0 -1
- package/dist/test/text-snippet-block.test.js +0 -58
- package/dist/test/text-snippet-block.test.js.map +0 -1
- package/dist/test/tile-stats.test.d.ts +0 -1
- package/dist/test/tile-stats.test.js +0 -167
- package/dist/test/tile-stats.test.js.map +0 -1
- package/dist/test/tiles/grid/account-tile.test.d.ts +0 -1
- package/dist/test/tiles/grid/account-tile.test.js +0 -96
- package/dist/test/tiles/grid/account-tile.test.js.map +0 -1
- package/dist/test/tiles/grid/collection-tile.test.d.ts +0 -1
- package/dist/test/tiles/grid/collection-tile.test.js +0 -90
- package/dist/test/tiles/grid/collection-tile.test.js.map +0 -1
- package/dist/test/tiles/grid/item-tile.test.d.ts +0 -1
- package/dist/test/tiles/grid/item-tile.test.js +0 -400
- package/dist/test/tiles/grid/item-tile.test.js.map +0 -1
- package/dist/test/tiles/grid/search-tile.test.d.ts +0 -1
- package/dist/test/tiles/grid/search-tile.test.js +0 -62
- package/dist/test/tiles/grid/search-tile.test.js.map +0 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +0 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +0 -351
- package/dist/test/tiles/hover/hover-pane-controller.test.js.map +0 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +0 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +0 -53
- package/dist/test/tiles/hover/tile-hover-pane.test.js.map +0 -1
- package/dist/test/tiles/list/tile-list-compact-header.test.d.ts +0 -1
- package/dist/test/tiles/list/tile-list-compact-header.test.js +0 -36
- package/dist/test/tiles/list/tile-list-compact-header.test.js.map +0 -1
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +0 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +0 -237
- package/dist/test/tiles/list/tile-list-compact.test.js.map +0 -1
- package/dist/test/tiles/list/tile-list.test.d.ts +0 -1
- package/dist/test/tiles/list/tile-list.test.js +0 -460
- package/dist/test/tiles/list/tile-list.test.js.map +0 -1
- package/dist/test/tiles/tile-dispatcher.test.d.ts +0 -1
- package/dist/test/tiles/tile-dispatcher.test.js +0 -246
- package/dist/test/tiles/tile-dispatcher.test.js.map +0 -1
- package/dist/test/tiles/tile-display-value-provider.test.d.ts +0 -1
- package/dist/test/tiles/tile-display-value-provider.test.js +0 -142
- package/dist/test/tiles/tile-display-value-provider.test.js.map +0 -1
- package/dist/test/tiles/tile-mediatype-icon.test.d.ts +0 -1
- package/dist/test/tiles/tile-mediatype-icon.test.js +0 -133
- package/dist/test/tiles/tile-mediatype-icon.test.js.map +0 -1
- package/dist/test/utils/array-equals.test.d.ts +0 -1
- package/dist/test/utils/array-equals.test.js +0 -27
- package/dist/test/utils/array-equals.test.js.map +0 -1
- package/dist/test/utils/format-count.test.d.ts +0 -1
- package/dist/test/utils/format-count.test.js +0 -24
- package/dist/test/utils/format-count.test.js.map +0 -1
- package/dist/test/utils/format-date.test.d.ts +0 -1
- package/dist/test/utils/format-date.test.js +0 -61
- package/dist/test/utils/format-date.test.js.map +0 -1
- package/dist/test/utils/format-unit-size.test.d.ts +0 -1
- package/dist/test/utils/format-unit-size.test.js +0 -18
- package/dist/test/utils/format-unit-size.test.js.map +0 -1
- package/dist/test/utils/local-date-from-utc.test.d.ts +0 -1
- package/dist/test/utils/local-date-from-utc.test.js +0 -27
- package/dist/test/utils/local-date-from-utc.test.js.map +0 -1
- package/eslint.config.mjs +0 -53
- package/index.html +0 -24
- package/index.ts +0 -29
- package/local.archive.org.cert +0 -86
- package/local.archive.org.key +0 -27
- package/pnpm-workspace.yaml +0 -30
- package/renovate.json +0 -6
- package/src/app-root.ts +0 -1284
- package/src/assets/img/icons/arrow-left.ts +0 -10
- package/src/assets/img/icons/arrow-right.ts +0 -10
- package/src/assets/img/icons/chevron.ts +0 -4
- package/src/assets/img/icons/close-circle-dark.ts +0 -5
- package/src/assets/img/icons/contract.ts +0 -9
- package/src/assets/img/icons/empty-query.ts +0 -5
- package/src/assets/img/icons/expand.ts +0 -9
- package/src/assets/img/icons/eye-closed.ts +0 -5
- package/src/assets/img/icons/eye.ts +0 -5
- package/src/assets/img/icons/favorite-filled.ts +0 -10
- package/src/assets/img/icons/favorite-unfilled.ts +0 -9
- package/src/assets/img/icons/filter.ts +0 -10
- package/src/assets/img/icons/login-required.ts +0 -18
- package/src/assets/img/icons/mediatype/account.ts +0 -14
- package/src/assets/img/icons/mediatype/audio.ts +0 -14
- package/src/assets/img/icons/mediatype/collection.ts +0 -12
- package/src/assets/img/icons/mediatype/data.ts +0 -15
- package/src/assets/img/icons/mediatype/etree.ts +0 -14
- package/src/assets/img/icons/mediatype/film.ts +0 -14
- package/src/assets/img/icons/mediatype/images.ts +0 -13
- package/src/assets/img/icons/mediatype/radio.ts +0 -15
- package/src/assets/img/icons/mediatype/search.ts +0 -14
- package/src/assets/img/icons/mediatype/software.ts +0 -13
- package/src/assets/img/icons/mediatype/texts.ts +0 -13
- package/src/assets/img/icons/mediatype/tv-commercial.ts +0 -12
- package/src/assets/img/icons/mediatype/tv-fact-check.ts +0 -12
- package/src/assets/img/icons/mediatype/tv-quote.ts +0 -12
- package/src/assets/img/icons/mediatype/tv.ts +0 -14
- package/src/assets/img/icons/mediatype/video.ts +0 -14
- package/src/assets/img/icons/mediatype/web.ts +0 -13
- package/src/assets/img/icons/null-result.ts +0 -5
- package/src/assets/img/icons/quote.ts +0 -7
- package/src/assets/img/icons/restricted.ts +0 -13
- package/src/assets/img/icons/reviews.ts +0 -11
- package/src/assets/img/icons/upload.ts +0 -12
- package/src/assets/img/icons/views.ts +0 -11
- package/src/circular-activity-indicator.ts +0 -64
- package/src/collection-browser.ts +0 -3187
- package/src/collection-facets/facet-row.ts +0 -309
- package/src/collection-facets/facet-tombstone-row.ts +0 -40
- package/src/collection-facets/facets-template.ts +0 -85
- package/src/collection-facets/models.ts +0 -10
- package/src/collection-facets/more-facets-content.ts +0 -644
- package/src/collection-facets/more-facets-pagination.ts +0 -294
- package/src/collection-facets/smart-facets/dedupe.ts +0 -44
- package/src/collection-facets/smart-facets/heuristics/browser-language/browser-language-heuristic.ts +0 -27
- package/src/collection-facets/smart-facets/heuristics/index.ts +0 -3
- package/src/collection-facets/smart-facets/heuristics/query-keywords/query-keywords-heuristic.ts +0 -17
- package/src/collection-facets/smart-facets/heuristics/query-keywords/query-keywords-map.ts +0 -70
- package/src/collection-facets/smart-facets/heuristics/wikidata/wikidata-entity-map.ts +0 -79
- package/src/collection-facets/smart-facets/heuristics/wikidata/wikidata-heuristic.ts +0 -93
- package/src/collection-facets/smart-facets/models.ts +0 -36
- package/src/collection-facets/smart-facets/smart-facet-bar.ts +0 -437
- package/src/collection-facets/smart-facets/smart-facet-button.ts +0 -145
- package/src/collection-facets/smart-facets/smart-facet-dropdown.ts +0 -185
- package/src/collection-facets/smart-facets/smart-facet-equals.ts +0 -16
- package/src/collection-facets/smart-facets/smart-facet-heuristics.ts +0 -26
- package/src/collection-facets/toggle-switch.ts +0 -174
- package/src/collection-facets.ts +0 -1013
- package/src/data-source/collection-browser-data-source-interface.ts +0 -351
- package/src/data-source/collection-browser-data-source.ts +0 -1474
- package/src/data-source/collection-browser-query-state.ts +0 -60
- package/src/data-source/models.ts +0 -56
- package/src/empty-placeholder.ts +0 -192
- package/src/expanded-date-picker.ts +0 -191
- package/src/language-code-handler/language-code-handler.ts +0 -64
- package/src/language-code-handler/language-code-mapping.ts +0 -564
- package/src/manage/manage-bar.ts +0 -276
- package/src/manage/remove-items-modal-content.ts +0 -102
- package/src/mediatype/mediatype-config.ts +0 -146
- package/src/models.ts +0 -895
- package/src/restoration-state-handler.ts +0 -550
- package/src/sort-filter-bar/alpha-bar-tooltip.ts +0 -53
- package/src/sort-filter-bar/alpha-bar.ts +0 -252
- package/src/sort-filter-bar/img/compact.ts +0 -5
- package/src/sort-filter-bar/img/list.ts +0 -5
- package/src/sort-filter-bar/img/sort-toggle-disabled.ts +0 -15
- package/src/sort-filter-bar/img/sort-toggle-down.ts +0 -17
- package/src/sort-filter-bar/img/sort-toggle-up.ts +0 -17
- package/src/sort-filter-bar/img/sort-triangle.ts +0 -5
- package/src/sort-filter-bar/img/tile.ts +0 -5
- package/src/sort-filter-bar/sort-filter-bar.ts +0 -734
- package/src/styles/ia-button.ts +0 -139
- package/src/styles/item-image-styles.ts +0 -124
- package/src/styles/sr-only.ts +0 -18
- package/src/styles/tile-action-styles.ts +0 -59
- package/src/tiles/base-tile-component.ts +0 -124
- package/src/tiles/collection-browser-loading-tile.ts +0 -26
- package/src/tiles/grid/account-tile.ts +0 -113
- package/src/tiles/grid/collection-tile.ts +0 -184
- package/src/tiles/grid/item-tile.ts +0 -347
- package/src/tiles/grid/search-tile.ts +0 -90
- package/src/tiles/grid/styles/tile-grid-shared-styles.ts +0 -130
- package/src/tiles/grid/tile-stats.ts +0 -211
- package/src/tiles/hover/hover-pane-controller.ts +0 -638
- package/src/tiles/hover/tile-hover-pane.ts +0 -184
- package/src/tiles/image-block.ts +0 -162
- package/src/tiles/item-image.ts +0 -214
- package/src/tiles/list/tile-list-compact-header.ts +0 -112
- package/src/tiles/list/tile-list-compact.ts +0 -278
- package/src/tiles/list/tile-list.ts +0 -718
- package/src/tiles/models.ts +0 -21
- package/src/tiles/overlay/icon-overlay.ts +0 -57
- package/src/tiles/overlay/text-overlay.ts +0 -79
- package/src/tiles/review-block.ts +0 -130
- package/src/tiles/text-snippet-block.ts +0 -132
- package/src/tiles/tile-dispatcher.ts +0 -637
- package/src/tiles/tile-display-value-provider.ts +0 -133
- package/src/tiles/tile-mediatype-icon.ts +0 -133
- package/src/utils/analytics-events.ts +0 -29
- package/src/utils/array-equals.ts +0 -8
- package/src/utils/collapse-repeated-quotes.ts +0 -13
- package/src/utils/date-filter-field.ts +0 -11
- package/src/utils/facet-utils.ts +0 -183
- package/src/utils/format-count.ts +0 -95
- package/src/utils/format-date.ts +0 -62
- package/src/utils/format-unit-size.ts +0 -43
- package/src/utils/local-date-from-utc.ts +0 -15
- package/src/utils/log.ts +0 -14
- package/src/utils/resolve-mediatype.ts +0 -26
- package/src/utils/sha1.ts +0 -9
- package/test/collection-browser.test.ts +0 -2694
- package/test/collection-facets/facet-row.test.ts +0 -421
- package/test/collection-facets/facets-template.test.ts +0 -139
- package/test/collection-facets/more-facets-content.test.ts +0 -231
- package/test/collection-facets/more-facets-pagination.test.ts +0 -201
- package/test/collection-facets/toggle-switch.test.ts +0 -164
- package/test/collection-facets.test.ts +0 -928
- package/test/data-source/collection-browser-data-source.test.ts +0 -193
- package/test/empty-placeholder.test.ts +0 -88
- package/test/expanded-date-picker.test.ts +0 -201
- package/test/icon-overlay.test.ts +0 -38
- package/test/image-block.test.ts +0 -247
- package/test/item-image.test.ts +0 -220
- package/test/manage/manage-bar.test.ts +0 -347
- package/test/manage/remove-items-modal-content.test.ts +0 -81
- package/test/mediatype-config.test.ts +0 -11
- package/test/mocks/mock-analytics-handler.ts +0 -30
- package/test/mocks/mock-search-responses.ts +0 -1364
- package/test/mocks/mock-search-service.ts +0 -134
- package/test/restoration-state-handler.test.ts +0 -480
- package/test/review-block.test.ts +0 -62
- package/test/sort-filter-bar/alpha-bar-tooltip.test.ts +0 -17
- package/test/sort-filter-bar/alpha-bar.test.ts +0 -101
- package/test/sort-filter-bar/sort-filter-bar.test.ts +0 -472
- package/test/text-overlay.test.ts +0 -55
- package/test/text-snippet-block.test.ts +0 -85
- package/test/tile-stats.test.ts +0 -191
- package/test/tiles/grid/account-tile.test.ts +0 -121
- package/test/tiles/grid/collection-tile.test.ts +0 -114
- package/test/tiles/grid/item-tile.test.ts +0 -520
- package/test/tiles/grid/search-tile.test.ts +0 -75
- package/test/tiles/hover/hover-pane-controller.test.ts +0 -482
- package/test/tiles/hover/tile-hover-pane.test.ts +0 -80
- package/test/tiles/list/tile-list-compact-header.test.ts +0 -43
- package/test/tiles/list/tile-list-compact.test.ts +0 -282
- package/test/tiles/list/tile-list.test.ts +0 -576
- package/test/tiles/tile-dispatcher.test.ts +0 -320
- package/test/tiles/tile-display-value-provider.test.ts +0 -172
- package/test/tiles/tile-mediatype-icon.test.ts +0 -160
- package/test/utils/array-equals.test.ts +0 -31
- package/test/utils/format-count.test.ts +0 -32
- package/test/utils/format-date.test.ts +0 -89
- package/test/utils/format-unit-size.test.ts +0 -21
- package/test/utils/local-date-from-utc.test.ts +0 -37
- package/tsconfig.json +0 -25
- package/types/dompurify.d.ts +0 -1
- package/vite.config.ts +0 -29
- package/web-dev-server.config.mjs +0 -30
- package/web-test-runner.config.mjs +0 -52
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort-filter-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/sort-filter-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { IaDropdown } from '@internetarchive/ia-dropdown';\nimport type { SortFilterBar } from '../../src/sort-filter-bar/sort-filter-bar';\nimport { SortField, defaultSortAvailability } from '../../src/models';\n\nimport '../../src/sort-filter-bar/sort-filter-bar';\n\ndescribe('Sort dropdown behavior', () => {\n let el: SortFilterBar;\n let sortDropdown: IaDropdown;\n\n beforeEach(async () => {\n el = await fixture<SortFilterBar>(html`\n <sort-filter-bar></sort-filter-bar>\n `);\n sortDropdown = el.shadowRoot?.querySelector('#sort-dropdown') as IaDropdown;\n await el.updateComplete;\n });\n\n it('should render basic component', async () => {\n const sortSelectorContainer = el.shadowRoot?.querySelector(\n '#sort-selector-container',\n );\n expect(sortSelectorContainer).to.exist;\n });\n\n it('should render sort-by label', async () => {\n const sortByLabel = el.shadowRoot?.querySelector('.sort-by-text');\n expect(sortByLabel).to.exist;\n expect(sortByLabel?.textContent?.trim()).to.equal('Sort by:');\n });\n\n it('should render sort direction button', async () => {\n const sortDirections = el.shadowRoot?.querySelector(\n '.sort-direction-container',\n );\n expect(sortDirections).to.exist;\n expect(sortDirections?.querySelector('.sort-direction-icon')).to.exist;\n });\n\n it('renders default set of sort options in dropdown', async () => {\n expect(sortDropdown).to.exist;\n expect(sortDropdown.options.map(o => o.id)).to.deep.equal([\n SortField.relevance,\n SortField.alltimeview,\n SortField.weeklyview,\n SortField.title,\n SortField.date,\n SortField.datearchived,\n SortField.datereviewed,\n SortField.dateadded,\n SortField.creator,\n ]);\n });\n\n it('respects overridden sort field availability', async () => {\n const customSortAvailability: Record<SortField, boolean> = {\n ...defaultSortAvailability,\n [SortField.title]: false,\n [SortField.datearchived]: false,\n [SortField.datereviewed]: false,\n [SortField.creator]: false,\n };\n\n el.sortFieldAvailability = customSortAvailability;\n await el.updateComplete;\n\n const dropdown = el.shadowRoot?.querySelector(\n '#sort-dropdown',\n ) as IaDropdown;\n expect(dropdown.options.length).to.equal(5);\n expect(dropdown.options.map(o => o.id)).to.deep.equal([\n SortField.relevance,\n SortField.alltimeview,\n SortField.weeklyview,\n SortField.date,\n SortField.dateadded,\n ]);\n });\n\n it('shows the display name of the selected sort', async () => {\n el.selectedSort = SortField.alltimeview;\n await el.updateComplete;\n\n const label = sortDropdown?.querySelector('.dropdown-label');\n expect(label?.textContent?.trim()).to.equal('All-time views');\n });\n\n it('falls back to first available sort when default is unavailable', async () => {\n el.selectedSort = SortField.default;\n el.defaultSortField = SortField.relevance;\n el.sortFieldAvailability = {\n ...defaultSortAvailability,\n [SortField.relevance]: false,\n };\n await el.updateComplete;\n\n const label = sortDropdown?.querySelector('.dropdown-label');\n // No relevance, so fall back to the first one in the list\n expect(label?.textContent?.trim()).to.equal('All-time views');\n });\n\n it('changes selected sort when dropdown option selected', async () => {\n expect(sortDropdown).to.exist;\n\n sortDropdown.selectedOption = 'title';\n const option = { id: 'title' };\n sortDropdown.dispatchEvent(\n new CustomEvent('optionSelected', { detail: { option } }),\n );\n await el.updateComplete;\n\n expect(el.selectedSort).to.equal('title');\n });\n\n it('selects a sort option by clicking it in the dropdown', async () => {\n el.selectedSort = SortField.title;\n await el.updateComplete;\n\n const dropdown = el.shadowRoot?.querySelector(\n '#sort-dropdown',\n ) as IaDropdown;\n expect(dropdown).to.exist;\n\n const firstOption = dropdown?.shadowRoot?.querySelector(\n 'li > button',\n ) as HTMLButtonElement;\n expect(firstOption).to.exist;\n\n firstOption?.click();\n await el.updateComplete;\n\n // The first option is relevance by default\n expect(el.selectedSort).to.equal(SortField.relevance);\n });\n\n it('emits sortChanged event when sort option selected', async () => {\n const sortChangedHandler = sinon.spy();\n el.addEventListener('sortChanged', sortChangedHandler);\n\n const option = { id: SortField.title };\n sortDropdown.dispatchEvent(\n new CustomEvent('optionSelected', { detail: { option } }),\n );\n await el.updateComplete;\n\n expect(sortChangedHandler.calledOnce).to.be.true;\n const eventDetail = sortChangedHandler.firstCall.args[0].detail;\n expect(eventDetail.selectedSort).to.equal(SortField.title);\n expect(eventDetail.sortDirection).to.equal('asc');\n });\n\n it('renders sort selector backdrop when dropdown is open', async () => {\n expect(sortDropdown).to.exist;\n\n const caret = sortDropdown?.shadowRoot?.querySelector(\n '.caret',\n ) as HTMLElement;\n expect(caret).to.exist;\n\n caret!.click();\n await el.updateComplete;\n\n let backdrop = el.shadowRoot?.querySelector(\n '#sort-selector-backdrop',\n ) as HTMLElement;\n expect(backdrop).to.exist;\n\n // Clicking the backdrop should close the dropdown\n backdrop!.click();\n await el.updateComplete;\n\n backdrop = el.shadowRoot?.querySelector(\n '#sort-selector-backdrop',\n ) as HTMLElement;\n expect(backdrop).not.to.exist;\n });\n\n it('pressing Escape key closes the dropdown', async () => {\n expect(sortDropdown).to.exist;\n\n const caret = sortDropdown?.shadowRoot?.querySelector(\n '.caret',\n ) as HTMLElement;\n expect(caret).to.exist;\n\n caret!.click();\n await el.updateComplete;\n\n let backdrop = el.shadowRoot?.querySelector(\n '#sort-selector-backdrop',\n ) as HTMLElement;\n expect(backdrop).to.exist;\n\n document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));\n await el.updateComplete;\n\n backdrop = el.shadowRoot?.querySelector(\n '#sort-selector-backdrop',\n ) as HTMLElement;\n expect(backdrop).not.to.exist;\n });\n\n it('clears title filter when sort changed from title', async () => {\n el.selectedSort = 'title' as SortField;\n el.selectedTitleFilter = 'A';\n await el.updateComplete;\n\n const dropdown = el.shadowRoot?.querySelector(\n '#sort-dropdown',\n ) as IaDropdown;\n expect(dropdown).to.exist;\n\n dropdown.selectedOption = 'relevance';\n const option = { id: 'relevance' };\n dropdown.dispatchEvent(\n new CustomEvent('optionSelected', { detail: { option } }),\n );\n await el.updateComplete;\n\n expect(el.selectedSort).to.equal('relevance');\n expect(el.selectedTitleFilter).to.be.null;\n });\n\n it('clears creator filter when sort changed from creator', async () => {\n el.selectedSort = 'creator' as SortField;\n el.selectedCreatorFilter = 'A';\n await el.updateComplete;\n\n const dropdown = el.shadowRoot?.querySelector(\n '#sort-dropdown',\n ) as IaDropdown;\n expect(dropdown).to.exist;\n\n dropdown.selectedOption = 'relevance';\n const option = { id: 'relevance' };\n dropdown.dispatchEvent(\n new CustomEvent('optionSelected', { detail: { option } }),\n );\n await el.updateComplete;\n\n expect(el.selectedSort).to.equal('relevance');\n expect(el.selectedCreatorFilter).to.be.null;\n });\n\n it('contains sort-options slot when enabled', async () => {\n const slotEl = await fixture<SortFilterBar>(html`\n <sort-filter-bar .enableSortOptionsSlot=${true}></sort-filter-bar>\n `);\n await slotEl.updateComplete;\n\n const sortOptionsSlot = slotEl?.shadowRoot?.querySelector(\n 'slot[name=\"sort-options\"]',\n );\n expect(sortOptionsSlot).to.exist;\n\n expect(slotEl?.shadowRoot?.querySelector('#sort-selector-container')).to.not\n .exist;\n });\n\n it('renders the sort-bar-end slot after the display mode buttons', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar>\n <button slot=\"sort-bar-end\" id=\"end-button\">End</button>\n </sort-filter-bar>\n `);\n\n const sortBar = el.shadowRoot?.querySelector('#sort-bar');\n const displayModes = sortBar?.querySelector('#display-style-selector');\n const endSlot = sortBar?.querySelector(\n 'slot[name=\"sort-bar-end\"]',\n ) as HTMLSlotElement;\n\n expect(endSlot).to.exist;\n expect(sortBar?.lastElementChild).to.equal(endSlot);\n expect(displayModes?.nextElementSibling).to.equal(endSlot);\n expect(endSlot.assignedElements()[0]?.id).to.equal('end-button');\n });\n\n it('keeps the sort-bar-end slot when display modes are suppressed', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar suppressDisplayModes></sort-filter-bar>\n `);\n\n const sortBar = el.shadowRoot?.querySelector('#sort-bar');\n expect(sortBar?.querySelector('#display-style-selector')).to.not.exist;\n expect(sortBar?.querySelector('slot[name=\"sort-bar-end\"]')).to.exist;\n });\n});\n\ndescribe('Sort direction button behavior', () => {\n it('should disable sort direction button when sorting by relevance', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n el.selectedSort = 'relevance' as SortField;\n await el.updateComplete;\n\n const sortDirectionButton = el.shadowRoot?.querySelector(\n '.sort-direction-selector',\n ) as HTMLButtonElement;\n expect(sortDirectionButton).to.exist;\n expect(sortDirectionButton.disabled).to.be.true;\n });\n\n it('should enable sort direction button when not sorting by relevance', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n el.selectedSort = 'title' as SortField;\n await el.updateComplete;\n\n const sortDirectionButton = el.shadowRoot?.querySelector(\n '.sort-direction-selector',\n ) as HTMLButtonElement;\n expect(sortDirectionButton).to.exist;\n expect(sortDirectionButton.disabled).to.be.false;\n });\n\n it('should toggle sort direction when clicked', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n el.selectedSort = 'title' as SortField;\n el.sortDirection = 'asc';\n await el.updateComplete;\n\n const sortDirectionButton = el.shadowRoot?.querySelector(\n '.sort-direction-selector',\n ) as HTMLButtonElement;\n\n sortDirectionButton.click();\n await el.updateComplete;\n expect(el.sortDirection).to.equal('desc');\n\n sortDirectionButton.click();\n await el.updateComplete;\n expect(el.sortDirection).to.equal('asc');\n });\n});\n\ndescribe('Display mode/style buttons', () => {\n it('should render all display mode buttons', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n const displayModeButtonList = el.shadowRoot\n ?.querySelector('#display-style-selector')\n ?.querySelector('ul');\n\n const gridButton = displayModeButtonList?.children\n .item(0)\n ?.querySelector('#grid-button');\n expect(gridButton).to.exist;\n\n const detailListButton = displayModeButtonList?.children\n .item(1)\n ?.querySelector('#list-detail-button');\n expect(detailListButton).to.exist;\n\n const compactListButton = displayModeButtonList?.children\n .item(2)\n ?.querySelector('#list-compact-button');\n expect(compactListButton).to.exist;\n });\n\n it('should not render display mode buttons when suppressed', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar suppressDisplayModes></sort-filter-bar>\n `);\n\n const displayModeButtonList = el.shadowRoot?.querySelector(\n '#display-style-selector',\n );\n expect(displayModeButtonList).not.to.exist;\n });\n\n it('should active current display mode', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n el.displayMode = 'grid';\n await el.updateComplete;\n\n const displayModeTitle = el.shadowRoot\n ?.querySelector('#display-style-selector')\n ?.querySelector('button.active')\n ?.getAttribute('title');\n expect(displayModeTitle).to.equal('Tile view');\n });\n\n it('should change displayMode prop to the one clicked', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar> </sort-filter-bar>\n `);\n\n el.displayMode = 'grid';\n await el.updateComplete;\n\n const extendedListButton = el.shadowRoot?.querySelector(\n '#list-detail-button',\n ) as HTMLElement;\n extendedListButton.click();\n await el.updateComplete;\n expect(el.displayMode).to.equal('list-detail');\n\n const compactListButton = el.shadowRoot?.querySelector(\n '#list-compact-button',\n ) as HTMLElement;\n compactListButton.click();\n await el.updateComplete;\n expect(el.displayMode).to.equal('list-compact');\n\n const gridModeButton = el.shadowRoot?.querySelector(\n '#grid-button',\n ) as HTMLElement;\n gridModeButton.click();\n await el.updateComplete;\n expect(el.displayMode).to.equal('grid');\n });\n});\n\ndescribe('Sort/filter bar letter behavior', () => {\n it('sets the selected title letter when clicked', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar></sort-filter-bar>\n `);\n\n el.selectedSort = 'title' as SortField;\n el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };\n await el.updateComplete;\n\n const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n const letterLink = alphaBar?.shadowRoot?.querySelector(\n 'li > button:not(:disabled)',\n ) as HTMLAnchorElement;\n expect(letterLink?.textContent?.trim()).to.equal('T');\n\n letterLink?.click();\n await el.updateComplete;\n\n expect(el.selectedTitleFilter).to.equal('T');\n });\n\n it('sets the selected creator letter when clicked', async () => {\n const el = await fixture<SortFilterBar>(html`\n <sort-filter-bar></sort-filter-bar>\n `);\n\n el.selectedSort = 'creator' as SortField;\n el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };\n await el.updateComplete;\n\n const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n const letterLink = alphaBar?.shadowRoot?.querySelector(\n 'li > button:not(:disabled)',\n ) as HTMLAnchorElement;\n expect(letterLink?.textContent?.trim()).to.equal('C');\n\n letterLink?.click();\n await el.updateComplete;\n\n expect(el.selectedCreatorFilter).to.equal('C');\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../src/tiles/overlay/text-overlay';
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
import '../src/tiles/overlay/text-overlay';
|
|
4
|
-
describe('Text Overlay component', () => {
|
|
5
|
-
it('should render initial component', async () => {
|
|
6
|
-
const el = await fixture(html `<text-overlay></text-overlay>`);
|
|
7
|
-
const overlay = el.shadowRoot?.querySelector('.overlay');
|
|
8
|
-
const noPreview = el.shadowRoot?.querySelector('.no-preview');
|
|
9
|
-
const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');
|
|
10
|
-
const textOverlay = el.shadowRoot?.querySelector('.text-overlay');
|
|
11
|
-
expect(overlay).to.exist;
|
|
12
|
-
expect(noPreview).to.exist;
|
|
13
|
-
expect(iconOverlay).to.exist;
|
|
14
|
-
expect(textOverlay).to.exist;
|
|
15
|
-
});
|
|
16
|
-
it('should render component with login-required type', async () => {
|
|
17
|
-
const el = await fixture(html `
|
|
18
|
-
<text-overlay .type=${'login-required'}></text-overlay>
|
|
19
|
-
`);
|
|
20
|
-
const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');
|
|
21
|
-
const textOverlay = el.shadowRoot?.querySelector('.text-overlay');
|
|
22
|
-
const svgTitle = el.shadowRoot
|
|
23
|
-
?.querySelector('svg')
|
|
24
|
-
?.querySelector('title')?.textContent;
|
|
25
|
-
expect(iconOverlay).to.exist;
|
|
26
|
-
expect(svgTitle).to.equal('Log in to view this item');
|
|
27
|
-
expect(textOverlay?.textContent).to.equal('Log in to view this item');
|
|
28
|
-
});
|
|
29
|
-
it('should render component with content-warning type', async () => {
|
|
30
|
-
const el = await fixture(html `
|
|
31
|
-
<text-overlay .type=${'content-warning'}></text-overlay>
|
|
32
|
-
`);
|
|
33
|
-
const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');
|
|
34
|
-
const textOverlay = el.shadowRoot?.querySelector('.text-overlay');
|
|
35
|
-
const svgTitle = el.shadowRoot
|
|
36
|
-
?.querySelector('svg')
|
|
37
|
-
?.querySelector('title')?.textContent;
|
|
38
|
-
expect(iconOverlay).to.exist;
|
|
39
|
-
expect(svgTitle).to.equal('Content may be inappropriate');
|
|
40
|
-
expect(textOverlay?.textContent).to.equal('Content may be inappropriate');
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
//# sourceMappingURL=text-overlay.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-overlay.test.js","sourceRoot":"","sources":["../../test/text-overlay.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mCAAmC,CAAC;AAE3C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA,+BAA+B,CAAC,CAAC;QAE3E,MAAM,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC9D,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAElE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,gBAAgB;KACvC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAElE,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU;YAC5B,EAAE,aAAa,CAAC,KAAK,CAAC;YACtB,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;QAExC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;QACtD,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,iBAAiB;KACxC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAElE,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU;YAC5B,EAAE,aAAa,CAAC,KAAK,CAAC;YACtB,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;QAExC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC1D,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/overlay/text-overlay';\n\ndescribe('Text Overlay component', () => {\n it('should render initial component', async () => {\n const el = await fixture<TextOverlay>(html`<text-overlay></text-overlay>`);\n\n const overlay = el.shadowRoot?.querySelector('.overlay');\n const noPreview = el.shadowRoot?.querySelector('.no-preview');\n const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');\n const textOverlay = el.shadowRoot?.querySelector('.text-overlay');\n\n expect(overlay).to.exist;\n expect(noPreview).to.exist;\n expect(iconOverlay).to.exist;\n expect(textOverlay).to.exist;\n });\n\n it('should render component with login-required type', async () => {\n const el = await fixture<TextOverlay>(html`\n <text-overlay .type=${'login-required'}></text-overlay>\n `);\n\n const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');\n const textOverlay = el.shadowRoot?.querySelector('.text-overlay');\n\n const svgTitle = el.shadowRoot\n ?.querySelector('svg')\n ?.querySelector('title')?.textContent;\n\n expect(iconOverlay).to.exist;\n expect(svgTitle).to.equal('Log in to view this item');\n expect(textOverlay?.textContent).to.equal('Log in to view this item');\n });\n\n it('should render component with content-warning type', async () => {\n const el = await fixture<TextOverlay>(html`\n <text-overlay .type=${'content-warning'}></text-overlay>\n `);\n\n const iconOverlay = el.shadowRoot?.querySelector('.icon-overlay');\n const textOverlay = el.shadowRoot?.querySelector('.text-overlay');\n\n const svgTitle = el.shadowRoot\n ?.querySelector('svg')\n ?.querySelector('title')?.textContent;\n\n expect(iconOverlay).to.exist;\n expect(svgTitle).to.equal('Content may be inappropriate');\n expect(textOverlay?.textContent).to.equal('Content may be inappropriate');\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../src/tiles/text-snippet-block';
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
import '../src/tiles/text-snippet-block';
|
|
4
|
-
describe('TextSnippetBlock component', () => {
|
|
5
|
-
it('should render initial component', async () => {
|
|
6
|
-
const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
|
|
7
|
-
// No content if no snippets
|
|
8
|
-
expect(el.shadowRoot?.children.length).to.equal(0);
|
|
9
|
-
// Content appears if there are snippets
|
|
10
|
-
el.snippets = ['text'];
|
|
11
|
-
await el.updateComplete;
|
|
12
|
-
const container = el.shadowRoot?.querySelector('.container');
|
|
13
|
-
expect(container).to.exist;
|
|
14
|
-
});
|
|
15
|
-
it('should render marked snippets', async () => {
|
|
16
|
-
const snippets = [
|
|
17
|
-
'some {{{snippet}}} text',
|
|
18
|
-
'some {{{other}}} {{{snippet}}} text',
|
|
19
|
-
];
|
|
20
|
-
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
21
|
-
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
22
|
-
// Has the correct number of snippets and highlights
|
|
23
|
-
expect(container?.children.length).to.equal(snippets.length);
|
|
24
|
-
expect(container?.querySelectorAll('mark').length).to.equal(3);
|
|
25
|
-
});
|
|
26
|
-
it('should render marked snippets containing newlines', async () => {
|
|
27
|
-
const snippets = [
|
|
28
|
-
'some {{{snippet}}} text',
|
|
29
|
-
'some {{{other}}} {{{snippet\n text}}}',
|
|
30
|
-
];
|
|
31
|
-
const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
|
|
32
|
-
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
33
|
-
// Has the correct number of snippets and highlights
|
|
34
|
-
expect(container?.children.length).to.equal(snippets.length);
|
|
35
|
-
expect(container?.querySelectorAll('mark').length).to.equal(3);
|
|
36
|
-
});
|
|
37
|
-
it('should render correctly in grid mode', async () => {
|
|
38
|
-
const el = await fixture(html `<text-snippet-block
|
|
39
|
-
viewsize="grid"
|
|
40
|
-
.snippets=${['text']}
|
|
41
|
-
></text-snippet-block>`);
|
|
42
|
-
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
43
|
-
// Applies the right container classes
|
|
44
|
-
expect(container?.classList.contains('grid')).to.be.true;
|
|
45
|
-
expect(container?.classList.contains('list')).to.be.false;
|
|
46
|
-
});
|
|
47
|
-
it('should render correctly in list mode', async () => {
|
|
48
|
-
const el = await fixture(html `<text-snippet-block
|
|
49
|
-
viewsize="list"
|
|
50
|
-
.snippets=${['text']}
|
|
51
|
-
></text-snippet-block>`);
|
|
52
|
-
const container = el.shadowRoot?.querySelector('.snippet-view');
|
|
53
|
-
// Applies the right container classes
|
|
54
|
-
expect(container?.classList.contains('list')).to.be.true;
|
|
55
|
-
expect(container?.classList.contains('grid')).to.be.false;
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
//# sourceMappingURL=text-snippet-block.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-snippet-block.test.js","sourceRoot":"","sources":["../../test/text-snippet-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TextSnippetBlock } from '../src/tiles/text-snippet-block';\nimport '../src/tiles/text-snippet-block';\n\ndescribe('TextSnippetBlock component', () => {\n it('should render initial component', async () => {\n const el = await fixture<TextSnippetBlock>(\n html`<text-snippet-block></text-snippet-block>`,\n );\n\n // No content if no snippets\n expect(el.shadowRoot?.children.length).to.equal(0);\n\n // Content appears if there are snippets\n el.snippets = ['text'];\n await el.updateComplete;\n const container = el.shadowRoot?.querySelector('.container');\n expect(container).to.exist;\n });\n\n it('should render marked snippets', async () => {\n const snippets = [\n 'some {{{snippet}}} text',\n 'some {{{other}}} {{{snippet}}} text',\n ];\n\n const el = await fixture<TextSnippetBlock>(\n html`<text-snippet-block .snippets=${snippets}></text-snippet-block>`,\n );\n\n const container = el.shadowRoot?.querySelector('.snippet-view');\n\n // Has the correct number of snippets and highlights\n expect(container?.children.length).to.equal(snippets.length);\n expect(container?.querySelectorAll('mark').length).to.equal(3);\n });\n\n it('should render marked snippets containing newlines', async () => {\n const snippets = [\n 'some {{{snippet}}} text',\n 'some {{{other}}} {{{snippet\\n text}}}',\n ];\n\n const el = await fixture<TextSnippetBlock>(\n html`<text-snippet-block .snippets=${snippets}></text-snippet-block>`,\n );\n\n const container = el.shadowRoot?.querySelector('.snippet-view');\n\n // Has the correct number of snippets and highlights\n expect(container?.children.length).to.equal(snippets.length);\n expect(container?.querySelectorAll('mark').length).to.equal(3);\n });\n\n it('should render correctly in grid mode', async () => {\n const el = await fixture<TextSnippetBlock>(\n html`<text-snippet-block\n viewsize=\"grid\"\n .snippets=${['text']}\n ></text-snippet-block>`,\n );\n\n const container = el.shadowRoot?.querySelector('.snippet-view');\n\n // Applies the right container classes\n expect(container?.classList.contains('grid')).to.be.true;\n expect(container?.classList.contains('list')).to.be.false;\n });\n\n it('should render correctly in list mode', async () => {\n const el = await fixture<TextSnippetBlock>(\n html`<text-snippet-block\n viewsize=\"list\"\n .snippets=${['text']}\n ></text-snippet-block>`,\n );\n\n const container = el.shadowRoot?.querySelector('.snippet-view');\n\n // Applies the right container classes\n expect(container?.classList.contains('list')).to.be.true;\n expect(container?.classList.contains('grid')).to.be.false;\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../src/tiles/grid/tile-stats';
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
import '../src/tiles/grid/tile-stats';
|
|
4
|
-
describe('Tile Stats', () => {
|
|
5
|
-
it('should render initial component', async () => {
|
|
6
|
-
const el = await fixture(html `<tile-stats></tile-stats>`);
|
|
7
|
-
const itemStats = el.shadowRoot?.querySelector('.item-stats');
|
|
8
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
9
|
-
const statsRowCount = statsRow?.childElementCount;
|
|
10
|
-
expect(itemStats).to.exist;
|
|
11
|
-
expect(statsRow).to.exist;
|
|
12
|
-
expect(statsRowCount).to.equal(4);
|
|
13
|
-
});
|
|
14
|
-
it('should render component with values', async () => {
|
|
15
|
-
const el = await fixture(html `
|
|
16
|
-
<tile-stats
|
|
17
|
-
.mediatype=${'account'}
|
|
18
|
-
.itemCount=${1}
|
|
19
|
-
.favCount=${2}
|
|
20
|
-
.commentCount=${3}
|
|
21
|
-
>
|
|
22
|
-
</tile-stats>
|
|
23
|
-
`);
|
|
24
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
25
|
-
const mediatypeStat = statsRow?.children.item(0);
|
|
26
|
-
// get second column item in stats row
|
|
27
|
-
const itemStatCount = statsRow?.children
|
|
28
|
-
.item(1)
|
|
29
|
-
?.querySelector('.status-text')
|
|
30
|
-
?.textContent?.trim();
|
|
31
|
-
// get third column item in stats row
|
|
32
|
-
const favoritesStatCount = statsRow?.children
|
|
33
|
-
.item(2)
|
|
34
|
-
?.querySelector('.status-text')
|
|
35
|
-
?.textContent?.trim();
|
|
36
|
-
// get fourth column item in stats row
|
|
37
|
-
const reviewsStatCount = statsRow?.children
|
|
38
|
-
.item(3)
|
|
39
|
-
?.querySelector('.status-text')
|
|
40
|
-
?.textContent?.trim();
|
|
41
|
-
expect(mediatypeStat).to.exist;
|
|
42
|
-
expect(itemStatCount).to.match(/uploads:\s+1/);
|
|
43
|
-
expect(favoritesStatCount).to.match(/favorites:\s+2/);
|
|
44
|
-
expect(reviewsStatCount).to.match(/reviews:\s+3/);
|
|
45
|
-
});
|
|
46
|
-
it('should render component with tv clips', async () => {
|
|
47
|
-
const el = await fixture(html `
|
|
48
|
-
<tile-stats
|
|
49
|
-
showTvClips
|
|
50
|
-
.mediatype=${'texts'}
|
|
51
|
-
.viewCount=${1}
|
|
52
|
-
.favCount=${2}
|
|
53
|
-
.commentCount=${3}
|
|
54
|
-
.tvClipCount=${4}
|
|
55
|
-
>
|
|
56
|
-
</tile-stats>
|
|
57
|
-
`);
|
|
58
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
59
|
-
const mediatypeStat = statsRow?.children.item(0);
|
|
60
|
-
// get second column item in stats row
|
|
61
|
-
const itemStatCount = statsRow?.children
|
|
62
|
-
.item(1)
|
|
63
|
-
?.querySelector('.status-text')
|
|
64
|
-
?.textContent?.trim();
|
|
65
|
-
// get third column item in stats row
|
|
66
|
-
const favoritesStatCount = statsRow?.children
|
|
67
|
-
.item(2)
|
|
68
|
-
?.querySelector('.status-text')
|
|
69
|
-
?.textContent?.trim();
|
|
70
|
-
// get fourth column item in stats row
|
|
71
|
-
const clipsStatCount = statsRow?.children
|
|
72
|
-
.item(3)
|
|
73
|
-
?.querySelector('.status-text')
|
|
74
|
-
?.textContent?.trim();
|
|
75
|
-
expect(mediatypeStat).to.exist;
|
|
76
|
-
expect(itemStatCount).to.match(/views:\s+1/);
|
|
77
|
-
expect(favoritesStatCount).to.match(/favorites:\s+2/);
|
|
78
|
-
expect(clipsStatCount).to.match(/clips:\s+4/);
|
|
79
|
-
});
|
|
80
|
-
it('should render view count for non-account items', async () => {
|
|
81
|
-
const el = await fixture(html `
|
|
82
|
-
<tile-stats
|
|
83
|
-
.mediatype=${'texts'}
|
|
84
|
-
.viewCount=${4}
|
|
85
|
-
.favCount=${5}
|
|
86
|
-
.commentCount=${6}
|
|
87
|
-
>
|
|
88
|
-
</tile-stats>
|
|
89
|
-
`);
|
|
90
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
91
|
-
const mediatypeStat = statsRow?.children.item(0);
|
|
92
|
-
// get second column item in stats row
|
|
93
|
-
const viewStatCount = statsRow?.children
|
|
94
|
-
.item(1)
|
|
95
|
-
?.querySelector('.status-text')
|
|
96
|
-
?.textContent?.trim();
|
|
97
|
-
// get third column item in stats row
|
|
98
|
-
const favoritesStatCount = statsRow?.children
|
|
99
|
-
.item(2)
|
|
100
|
-
?.querySelector('.status-text')
|
|
101
|
-
?.textContent?.trim();
|
|
102
|
-
// get fourth column item in stats row
|
|
103
|
-
const reviewsStatCount = statsRow?.children
|
|
104
|
-
.item(3)
|
|
105
|
-
?.querySelector('.status-text')
|
|
106
|
-
?.textContent?.trim();
|
|
107
|
-
expect(mediatypeStat).to.exist;
|
|
108
|
-
expect(viewStatCount).to.match(/views:\s+4/);
|
|
109
|
-
expect(favoritesStatCount).to.match(/favorites:\s+5/);
|
|
110
|
-
expect(reviewsStatCount).to.match(/reviews:\s+6/);
|
|
111
|
-
});
|
|
112
|
-
it('handles missing counts gracefully', async () => {
|
|
113
|
-
const el = await fixture(html `
|
|
114
|
-
<tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>
|
|
115
|
-
</tile-stats>
|
|
116
|
-
`);
|
|
117
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
118
|
-
const mediatypeStat = statsRow?.children.item(0);
|
|
119
|
-
// get second column item in stats row
|
|
120
|
-
const viewStatCount = statsRow?.children
|
|
121
|
-
.item(1)
|
|
122
|
-
?.querySelector('.status-text')
|
|
123
|
-
?.textContent?.trim();
|
|
124
|
-
// get third column item in stats row
|
|
125
|
-
const favoritesStatCount = statsRow?.children
|
|
126
|
-
.item(2)
|
|
127
|
-
?.querySelector('.status-text')
|
|
128
|
-
?.textContent?.trim();
|
|
129
|
-
// get fourth column item in stats row
|
|
130
|
-
const reviewsStatCount = statsRow?.children
|
|
131
|
-
.item(3)
|
|
132
|
-
?.querySelector('.status-text')
|
|
133
|
-
?.textContent?.trim();
|
|
134
|
-
expect(mediatypeStat).to.exist;
|
|
135
|
-
expect(viewStatCount).to.match(/views:\s+0/);
|
|
136
|
-
expect(favoritesStatCount).to.match(/favorites:\s+5/);
|
|
137
|
-
expect(reviewsStatCount).to.match(/reviews:\s+6/);
|
|
138
|
-
});
|
|
139
|
-
it('handles missing counts gracefully for accounts', async () => {
|
|
140
|
-
const el = await fixture(html `
|
|
141
|
-
<tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>
|
|
142
|
-
</tile-stats>
|
|
143
|
-
`);
|
|
144
|
-
const statsRow = el.shadowRoot?.querySelector('#stats-row');
|
|
145
|
-
const mediatypeStat = statsRow?.children.item(0);
|
|
146
|
-
// get second column item in stats row
|
|
147
|
-
const itemStatCount = statsRow?.children
|
|
148
|
-
.item(1)
|
|
149
|
-
?.querySelector('.status-text')
|
|
150
|
-
?.textContent?.trim();
|
|
151
|
-
// get third column item in stats row
|
|
152
|
-
const favoritesStatCount = statsRow?.children
|
|
153
|
-
.item(2)
|
|
154
|
-
?.querySelector('.status-text')
|
|
155
|
-
?.textContent?.trim();
|
|
156
|
-
// get fourth column item in stats row
|
|
157
|
-
const reviewsStatCount = statsRow?.children
|
|
158
|
-
.item(3)
|
|
159
|
-
?.querySelector('.status-text')
|
|
160
|
-
?.textContent?.trim();
|
|
161
|
-
expect(mediatypeStat).to.exist;
|
|
162
|
-
expect(itemStatCount).to.match(/uploads:\s+0/);
|
|
163
|
-
expect(favoritesStatCount).to.match(/favorites:\s+5/);
|
|
164
|
-
expect(reviewsStatCount).to.match(/reviews:\s+6/);
|
|
165
|
-
});
|
|
166
|
-
});
|
|
167
|
-
//# sourceMappingURL=tile-stats.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tile-stats.test.js","sourceRoot":"","sources":["../../test/tile-stats.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileStats } from '../src/tiles/grid/tile-stats';\n\nimport '../src/tiles/grid/tile-stats';\n\ndescribe('Tile Stats', () => {\n it('should render initial component', async () => {\n const el = await fixture<TileStats>(html`<tile-stats></tile-stats>`);\n\n const itemStats = el.shadowRoot?.querySelector('.item-stats');\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n const statsRowCount = statsRow?.childElementCount;\n\n expect(itemStats).to.exist;\n expect(statsRow).to.exist;\n expect(statsRowCount).to.equal(4);\n });\n\n it('should render component with values', async () => {\n const el = await fixture<TileStats>(html`\n <tile-stats\n .mediatype=${'account'}\n .itemCount=${1}\n .favCount=${2}\n .commentCount=${3}\n >\n </tile-stats>\n `);\n\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n const mediatypeStat = statsRow?.children.item(0);\n // get second column item in stats row\n const itemStatCount = statsRow?.children\n .item(1)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get third column item in stats row\n const favoritesStatCount = statsRow?.children\n .item(2)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get fourth column item in stats row\n const reviewsStatCount = statsRow?.children\n .item(3)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n\n expect(mediatypeStat).to.exist;\n expect(itemStatCount).to.match(/uploads:\\s+1/);\n expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n expect(reviewsStatCount).to.match(/reviews:\\s+3/);\n });\n\n it('should render component with tv clips', async () => {\n const el = await fixture<TileStats>(html`\n <tile-stats\n showTvClips\n .mediatype=${'texts'}\n .viewCount=${1}\n .favCount=${2}\n .commentCount=${3}\n .tvClipCount=${4}\n >\n </tile-stats>\n `);\n\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n const mediatypeStat = statsRow?.children.item(0);\n // get second column item in stats row\n const itemStatCount = statsRow?.children\n .item(1)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get third column item in stats row\n const favoritesStatCount = statsRow?.children\n .item(2)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get fourth column item in stats row\n const clipsStatCount = statsRow?.children\n .item(3)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n\n expect(mediatypeStat).to.exist;\n expect(itemStatCount).to.match(/views:\\s+1/);\n expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n expect(clipsStatCount).to.match(/clips:\\s+4/);\n });\n\n it('should render view count for non-account items', async () => {\n const el = await fixture<TileStats>(html`\n <tile-stats\n .mediatype=${'texts'}\n .viewCount=${4}\n .favCount=${5}\n .commentCount=${6}\n >\n </tile-stats>\n `);\n\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n const mediatypeStat = statsRow?.children.item(0);\n // get second column item in stats row\n const viewStatCount = statsRow?.children\n .item(1)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get third column item in stats row\n const favoritesStatCount = statsRow?.children\n .item(2)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get fourth column item in stats row\n const reviewsStatCount = statsRow?.children\n .item(3)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n\n expect(mediatypeStat).to.exist;\n expect(viewStatCount).to.match(/views:\\s+4/);\n expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n });\n\n it('handles missing counts gracefully', async () => {\n const el = await fixture<TileStats>(html`\n <tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>\n </tile-stats>\n `);\n\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n const mediatypeStat = statsRow?.children.item(0);\n // get second column item in stats row\n const viewStatCount = statsRow?.children\n .item(1)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get third column item in stats row\n const favoritesStatCount = statsRow?.children\n .item(2)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get fourth column item in stats row\n const reviewsStatCount = statsRow?.children\n .item(3)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n\n expect(mediatypeStat).to.exist;\n expect(viewStatCount).to.match(/views:\\s+0/);\n expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n });\n\n it('handles missing counts gracefully for accounts', async () => {\n const el = await fixture<TileStats>(html`\n <tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>\n </tile-stats>\n `);\n\n const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n const mediatypeStat = statsRow?.children.item(0);\n // get second column item in stats row\n const itemStatCount = statsRow?.children\n .item(1)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get third column item in stats row\n const favoritesStatCount = statsRow?.children\n .item(2)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n // get fourth column item in stats row\n const reviewsStatCount = statsRow?.children\n .item(3)\n ?.querySelector('.status-text')\n ?.textContent?.trim();\n\n expect(mediatypeStat).to.exist;\n expect(itemStatCount).to.match(/uploads:\\s+0/);\n expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../../../src/tiles/grid/account-tile';
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import sinon from 'sinon';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/grid/account-tile';
|
|
5
|
-
describe('Account Tile', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
const el = await fixture(html `<account-tile></account-tile>`);
|
|
8
|
-
const itemInfo = el.shadowRoot?.querySelector('.item-info');
|
|
9
|
-
const itemImage = el.shadowRoot?.querySelector('image-block');
|
|
10
|
-
const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');
|
|
11
|
-
const tileStats = el.shadowRoot?.querySelector('tile-stats');
|
|
12
|
-
expect(itemInfo).to.exist;
|
|
13
|
-
expect(itemImage).to.exist;
|
|
14
|
-
expect(itemArchivist).to.exist;
|
|
15
|
-
expect(tileStats).to.exist;
|
|
16
|
-
});
|
|
17
|
-
it('should render with title element', async () => {
|
|
18
|
-
const el = await fixture(html `
|
|
19
|
-
<account-tile
|
|
20
|
-
.model=${{
|
|
21
|
-
identifier: '@jack-sparrow',
|
|
22
|
-
}}
|
|
23
|
-
>
|
|
24
|
-
</account-tile>
|
|
25
|
-
`);
|
|
26
|
-
await el.updateComplete;
|
|
27
|
-
const itemInfo = el.shadowRoot?.querySelector('.item-info');
|
|
28
|
-
const accountTitle = el.shadowRoot?.querySelector('#title');
|
|
29
|
-
expect(itemInfo).to.exist;
|
|
30
|
-
expect(accountTitle).to.exist;
|
|
31
|
-
expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal('@jack-sparrow');
|
|
32
|
-
});
|
|
33
|
-
it('should render with archivist-since date element', async () => {
|
|
34
|
-
const el = await fixture(html `
|
|
35
|
-
<account-tile
|
|
36
|
-
.model=${{
|
|
37
|
-
dateAdded: new Date('2022-02-02'),
|
|
38
|
-
}}
|
|
39
|
-
>
|
|
40
|
-
</account-tile>
|
|
41
|
-
`);
|
|
42
|
-
await el.updateComplete;
|
|
43
|
-
const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');
|
|
44
|
-
expect(itemArchivist?.textContent).contains('Archivist since 2022');
|
|
45
|
-
});
|
|
46
|
-
it('should render with tile-stats element', async () => {
|
|
47
|
-
const el = await fixture(html `
|
|
48
|
-
<account-tile
|
|
49
|
-
.model=${{
|
|
50
|
-
identifier: '@jack-sparrow',
|
|
51
|
-
mediatype: 'account',
|
|
52
|
-
itemCount: 999,
|
|
53
|
-
favCount: 100,
|
|
54
|
-
commentCount: 3,
|
|
55
|
-
}}
|
|
56
|
-
>
|
|
57
|
-
</account-tile>
|
|
58
|
-
`);
|
|
59
|
-
await el.updateComplete;
|
|
60
|
-
const tileStats = el.shadowRoot?.querySelector('tile-stats');
|
|
61
|
-
const statsElements = tileStats?.shadowRoot?.querySelector('#stats-row');
|
|
62
|
-
expect(tileStats).to.exist;
|
|
63
|
-
expect(statsElements).to.exist;
|
|
64
|
-
const downloads = statsElements
|
|
65
|
-
?.querySelectorAll('.col')[1]
|
|
66
|
-
.querySelector('.status-text');
|
|
67
|
-
expect(downloads?.textContent).contains(999);
|
|
68
|
-
const favorites = statsElements
|
|
69
|
-
?.querySelectorAll('.col')[2]
|
|
70
|
-
.querySelector('.status-text');
|
|
71
|
-
expect(favorites?.textContent).contains(100);
|
|
72
|
-
const reviewCounts = statsElements
|
|
73
|
-
?.querySelectorAll('.col')[3]
|
|
74
|
-
.querySelector('.status-text');
|
|
75
|
-
expect(reviewCounts?.textContent).contains(3);
|
|
76
|
-
});
|
|
77
|
-
it('should render info button when showInfoButton flag is set', async () => {
|
|
78
|
-
const el = await fixture(html `
|
|
79
|
-
<account-tile ?showInfoButton=${true}> </account-tile>
|
|
80
|
-
`);
|
|
81
|
-
const infoButton = el.shadowRoot?.querySelector('.info-button');
|
|
82
|
-
expect(infoButton).to.exist;
|
|
83
|
-
});
|
|
84
|
-
it('should dispatch event when info button tapped', async () => {
|
|
85
|
-
const infoButtonSpy = sinon.spy();
|
|
86
|
-
const el = await fixture(html `
|
|
87
|
-
<account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
|
|
88
|
-
</account-tile>
|
|
89
|
-
`);
|
|
90
|
-
const infoButton = el.shadowRoot?.querySelector('.info-button');
|
|
91
|
-
infoButton.click();
|
|
92
|
-
await el.updateComplete;
|
|
93
|
-
expect(infoButtonSpy.callCount).to.equal(1);
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
//# sourceMappingURL=account-tile.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"account-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/account-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { AccountTile } from '../../../src/tiles/grid/account-tile';\n\nimport '../../../src/tiles/grid/account-tile';\n\ndescribe('Account Tile', () => {\n it('should render initial component', async () => {\n const el = await fixture<AccountTile>(html`<account-tile></account-tile>`);\n\n const itemInfo = el.shadowRoot?.querySelector('.item-info');\n const itemImage = el.shadowRoot?.querySelector('image-block');\n const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n const tileStats = el.shadowRoot?.querySelector('tile-stats');\n\n expect(itemInfo).to.exist;\n expect(itemImage).to.exist;\n expect(itemArchivist).to.exist;\n expect(tileStats).to.exist;\n });\n\n it('should render with title element', async () => {\n const el = await fixture<AccountTile>(html`\n <account-tile\n .model=${{\n identifier: '@jack-sparrow',\n }}\n >\n </account-tile>\n `);\n await el.updateComplete;\n\n const itemInfo = el.shadowRoot?.querySelector('.item-info');\n const accountTitle = el.shadowRoot?.querySelector('#title');\n\n expect(itemInfo).to.exist;\n expect(accountTitle).to.exist;\n expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal(\n '@jack-sparrow',\n );\n });\n\n it('should render with archivist-since date element', async () => {\n const el = await fixture<AccountTile>(html`\n <account-tile\n .model=${{\n dateAdded: new Date('2022-02-02'),\n }}\n >\n </account-tile>\n `);\n await el.updateComplete;\n\n const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n expect(itemArchivist?.textContent).contains('Archivist since 2022');\n });\n\n it('should render with tile-stats element', async () => {\n const el = await fixture<AccountTile>(html`\n <account-tile\n .model=${{\n identifier: '@jack-sparrow',\n mediatype: 'account',\n itemCount: 999,\n favCount: 100,\n commentCount: 3,\n }}\n >\n </account-tile>\n `);\n await el.updateComplete;\n\n const tileStats = el.shadowRoot?.querySelector('tile-stats');\n const statsElements = tileStats?.shadowRoot?.querySelector('#stats-row');\n\n expect(tileStats).to.exist;\n expect(statsElements).to.exist;\n\n const downloads = statsElements\n ?.querySelectorAll('.col')[1]\n .querySelector('.status-text');\n expect(downloads?.textContent).contains(999);\n\n const favorites = statsElements\n ?.querySelectorAll('.col')[2]\n .querySelector('.status-text');\n expect(favorites?.textContent).contains(100);\n\n const reviewCounts = statsElements\n ?.querySelectorAll('.col')[3]\n .querySelector('.status-text');\n expect(reviewCounts?.textContent).contains(3);\n });\n\n it('should render info button when showInfoButton flag is set', async () => {\n const el = await fixture<AccountTile>(html`\n <account-tile ?showInfoButton=${true}> </account-tile>\n `);\n\n const infoButton = el.shadowRoot?.querySelector('.info-button');\n\n expect(infoButton).to.exist;\n });\n\n it('should dispatch event when info button tapped', async () => {\n const infoButtonSpy = sinon.spy();\n const el = await fixture<AccountTile>(html`\n <account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n </account-tile>\n `);\n\n const infoButton = el.shadowRoot?.querySelector(\n '.info-button',\n ) as HTMLButtonElement;\n infoButton.click();\n await el.updateComplete;\n\n expect(infoButtonSpy.callCount).to.equal(1);\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '../../../src/tiles/grid/collection-tile';
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
2
|
-
import sinon from 'sinon';
|
|
3
|
-
import { html } from 'lit';
|
|
4
|
-
import '../../../src/tiles/grid/collection-tile';
|
|
5
|
-
describe('Collection Tile', () => {
|
|
6
|
-
it('should render initial component', async () => {
|
|
7
|
-
const el = await fixture(html `<collection-tile></collection-tile>`);
|
|
8
|
-
const itemInfo = el.shadowRoot?.querySelector('.item-info');
|
|
9
|
-
const itemImage = el.shadowRoot?.querySelector('image-block');
|
|
10
|
-
const itemStats = el.shadowRoot?.querySelector('#item-stats');
|
|
11
|
-
expect(itemInfo).to.exist;
|
|
12
|
-
expect(itemImage).to.exist;
|
|
13
|
-
expect(itemStats).to.exist;
|
|
14
|
-
});
|
|
15
|
-
it('should render with title element', async () => {
|
|
16
|
-
const el = await fixture(html `
|
|
17
|
-
<collection-tile
|
|
18
|
-
.model=${{
|
|
19
|
-
identifier: 'books',
|
|
20
|
-
title: 'Books',
|
|
21
|
-
itemCount: 121,
|
|
22
|
-
}}
|
|
23
|
-
>
|
|
24
|
-
</collection-tile>
|
|
25
|
-
`);
|
|
26
|
-
await el.updateComplete;
|
|
27
|
-
const itemInfo = el.shadowRoot?.querySelector('.item-info');
|
|
28
|
-
const itemTitle = el.shadowRoot?.querySelector('#title');
|
|
29
|
-
expect(itemInfo).to.exist;
|
|
30
|
-
expect(itemTitle).to.exist;
|
|
31
|
-
expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal('Books');
|
|
32
|
-
});
|
|
33
|
-
it('should render with image-block element', async () => {
|
|
34
|
-
const el = await fixture(html `
|
|
35
|
-
<collection-tile
|
|
36
|
-
.model=${{
|
|
37
|
-
identifier: '@jack-sparrow',
|
|
38
|
-
itemCount: 1233,
|
|
39
|
-
}}
|
|
40
|
-
>
|
|
41
|
-
</collection-tile>
|
|
42
|
-
`);
|
|
43
|
-
await el.updateComplete;
|
|
44
|
-
const itemImageBlock = el.shadowRoot?.querySelector('image-block');
|
|
45
|
-
expect(itemImageBlock).to.exist;
|
|
46
|
-
});
|
|
47
|
-
it('should render with item stats element', async () => {
|
|
48
|
-
const el = await fixture(html `
|
|
49
|
-
<collection-tile
|
|
50
|
-
.model=${{
|
|
51
|
-
identifier: '@jack-sparrow',
|
|
52
|
-
itemCount: 14521,
|
|
53
|
-
collectionSize: 23222543,
|
|
54
|
-
}}
|
|
55
|
-
>
|
|
56
|
-
</collection-tile>
|
|
57
|
-
`);
|
|
58
|
-
await el.updateComplete;
|
|
59
|
-
const itemStats = el.shadowRoot?.querySelector('#item-stats');
|
|
60
|
-
const itemMediaType = el.shadowRoot?.querySelector('#item-mediatype');
|
|
61
|
-
const itemCount = el.shadowRoot?.querySelector('#item-count');
|
|
62
|
-
const itemSize = el.shadowRoot?.querySelector('#item-size');
|
|
63
|
-
expect(itemStats).to.exist;
|
|
64
|
-
expect(itemMediaType).to.exist;
|
|
65
|
-
expect(itemCount).to.exist;
|
|
66
|
-
expect(itemSize).to.exist;
|
|
67
|
-
});
|
|
68
|
-
it('should render info button when showInfoButton flag is set', async () => {
|
|
69
|
-
const el = await fixture(html `
|
|
70
|
-
<collection-tile ?showInfoButton=${true}> </collection-tile>
|
|
71
|
-
`);
|
|
72
|
-
const infoButton = el.shadowRoot?.querySelector('.info-button');
|
|
73
|
-
expect(infoButton).to.exist;
|
|
74
|
-
});
|
|
75
|
-
it('should dispatch event when info button tapped', async () => {
|
|
76
|
-
const infoButtonSpy = sinon.spy();
|
|
77
|
-
const el = await fixture(html `
|
|
78
|
-
<collection-tile
|
|
79
|
-
?showInfoButton=${true}
|
|
80
|
-
@infoButtonPressed=${infoButtonSpy}
|
|
81
|
-
>
|
|
82
|
-
</collection-tile>
|
|
83
|
-
`);
|
|
84
|
-
const infoButton = el.shadowRoot?.querySelector('.info-button');
|
|
85
|
-
infoButton.click();
|
|
86
|
-
await el.updateComplete;
|
|
87
|
-
expect(infoButtonSpy.callCount).to.equal(1);
|
|
88
|
-
});
|
|
89
|
-
});
|
|
90
|
-
//# sourceMappingURL=collection-tile.test.js.map
|