@internetarchive/collection-browser 0.4.6 → 0.4.8-alpha.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.
Files changed (231) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +26 -26
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.husky/pre-commit +4 -4
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/index.d.ts +9 -9
  10. package/dist/index.js +9 -9
  11. package/dist/src/app-root.d.ts +50 -50
  12. package/dist/src/app-root.js +278 -278
  13. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  14. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  15. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  17. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  18. package/dist/src/assets/img/icons/chevron.js +2 -2
  19. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  20. package/dist/src/assets/img/icons/empty-query.js +2 -2
  21. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  23. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  24. package/dist/src/assets/img/icons/eye.js +2 -2
  25. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  26. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  27. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  28. package/dist/src/assets/img/icons/login-required.js +2 -2
  29. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  30. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  31. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  32. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  33. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  34. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  35. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  36. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  37. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  38. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  39. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  40. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  41. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  42. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  43. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  44. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  45. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  46. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  47. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  48. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  49. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  50. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  51. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  52. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  53. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  54. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  55. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  56. package/dist/src/assets/img/icons/null-result.js +2 -2
  57. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  58. package/dist/src/assets/img/icons/restricted.js +2 -2
  59. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  60. package/dist/src/assets/img/icons/reviews.js +2 -2
  61. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  62. package/dist/src/assets/img/icons/upload.js +2 -2
  63. package/dist/src/assets/img/icons/views.d.ts +1 -1
  64. package/dist/src/assets/img/icons/views.js +2 -2
  65. package/dist/src/circular-activity-indicator.d.ts +5 -5
  66. package/dist/src/circular-activity-indicator.js +17 -17
  67. package/dist/src/collection-browser.d.ts +277 -277
  68. package/dist/src/collection-browser.js +1195 -1194
  69. package/dist/src/collection-browser.js.map +1 -1
  70. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  71. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  72. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  73. package/dist/src/collection-facets/facets-template.js +125 -125
  74. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  75. package/dist/src/collection-facets/more-facets-content.js +376 -365
  76. package/dist/src/collection-facets/more-facets-content.js.map +1 -1
  77. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  78. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  79. package/dist/src/collection-facets.d.ts +77 -78
  80. package/dist/src/collection-facets.js +383 -400
  81. package/dist/src/collection-facets.js.map +1 -1
  82. package/dist/src/empty-placeholder.d.ts +11 -11
  83. package/dist/src/empty-placeholder.js +42 -42
  84. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  85. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  86. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  87. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  88. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  89. package/dist/src/mediatype/mediatype-config.js +85 -85
  90. package/dist/src/models.d.ts +114 -114
  91. package/dist/src/models.js +125 -125
  92. package/dist/src/restoration-state-handler.d.ts +45 -45
  93. package/dist/src/restoration-state-handler.js +230 -230
  94. package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -12
  95. package/dist/src/sort-filter-bar/alpha-bar.js +52 -52
  96. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  97. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  98. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/list.js +2 -2
  100. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  102. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  103. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  104. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
  105. package/dist/src/sort-filter-bar/sort-filter-bar.js +438 -438
  106. package/dist/src/styles/item-image-styles.d.ts +8 -8
  107. package/dist/src/styles/item-image-styles.js +9 -9
  108. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  109. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  110. package/dist/src/tiles/grid/account-tile.d.ts +17 -17
  111. package/dist/src/tiles/grid/account-tile.js +46 -46
  112. package/dist/src/tiles/grid/collection-tile.d.ts +14 -14
  113. package/dist/src/tiles/grid/collection-tile.js +53 -53
  114. package/dist/src/tiles/grid/item-tile.d.ts +29 -29
  115. package/dist/src/tiles/grid/item-tile.js +108 -108
  116. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  117. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +7 -7
  118. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  119. package/dist/src/tiles/grid/tile-stats.js +40 -40
  120. package/dist/src/tiles/hover/hover-pane-controller.d.ts +197 -197
  121. package/dist/src/tiles/hover/hover-pane-controller.js +331 -331
  122. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  123. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  124. package/dist/src/tiles/image-block.d.ts +17 -17
  125. package/dist/src/tiles/image-block.js +72 -72
  126. package/dist/src/tiles/item-image.d.ts +35 -35
  127. package/dist/src/tiles/item-image.js +117 -117
  128. package/dist/src/tiles/list/account-label.d.ts +1 -1
  129. package/dist/src/tiles/list/account-label.js +6 -6
  130. package/dist/src/tiles/list/date-label.d.ts +1 -1
  131. package/dist/src/tiles/list/date-label.js +12 -12
  132. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  133. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  134. package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
  135. package/dist/src/tiles/list/tile-list-compact.js +99 -99
  136. package/dist/src/tiles/list/tile-list.d.ts +55 -55
  137. package/dist/src/tiles/list/tile-list.js +297 -296
  138. package/dist/src/tiles/list/tile-list.js.map +1 -1
  139. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  140. package/dist/src/tiles/mediatype-icon.js +47 -47
  141. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  142. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  143. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  144. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  145. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  146. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  147. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  148. package/dist/src/tiles/text-snippet-block.js +73 -73
  149. package/dist/src/tiles/tile-dispatcher.d.ts +55 -55
  150. package/dist/src/tiles/tile-dispatcher.js +176 -176
  151. package/dist/src/utils/analytics-events.d.ts +22 -22
  152. package/dist/src/utils/analytics-events.js +24 -24
  153. package/dist/src/utils/format-count.d.ts +7 -7
  154. package/dist/src/utils/format-count.js +76 -76
  155. package/dist/src/utils/format-date.d.ts +2 -2
  156. package/dist/src/utils/format-date.js +23 -23
  157. package/dist/src/utils/format-unit-size.d.ts +2 -2
  158. package/dist/src/utils/format-unit-size.js +33 -33
  159. package/dist/test/collection-browser.test.d.ts +1 -1
  160. package/dist/test/collection-browser.test.js +584 -584
  161. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  162. package/dist/test/collection-facets/facets-template.test.js +62 -62
  163. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  164. package/dist/test/collection-facets/more-facets-content.test.js +114 -114
  165. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  166. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  167. package/dist/test/collection-facets.test.d.ts +2 -2
  168. package/dist/test/collection-facets.test.js +508 -544
  169. package/dist/test/collection-facets.test.js.map +1 -1
  170. package/dist/test/empty-placeholder.test.d.ts +1 -1
  171. package/dist/test/empty-placeholder.test.js +33 -33
  172. package/dist/test/icon-overlay.test.d.ts +1 -1
  173. package/dist/test/icon-overlay.test.js +24 -24
  174. package/dist/test/image-block.test.d.ts +1 -1
  175. package/dist/test/image-block.test.js +48 -48
  176. package/dist/test/item-image.test.d.ts +1 -1
  177. package/dist/test/item-image.test.js +84 -84
  178. package/dist/test/mediatype-config.test.d.ts +1 -1
  179. package/dist/test/mediatype-config.test.js +16 -16
  180. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  181. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  182. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  183. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  184. package/dist/test/mocks/mock-search-responses.d.ts +12 -12
  185. package/dist/test/mocks/mock-search-responses.js +341 -341
  186. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  187. package/dist/test/mocks/mock-search-service.js +40 -40
  188. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  189. package/dist/test/restoration-state-handler.test.js +125 -125
  190. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  191. package/dist/test/sort-filter-bar/alpha-bar.test.js +43 -43
  192. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  193. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +197 -197
  194. package/dist/test/text-overlay.test.d.ts +1 -1
  195. package/dist/test/text-overlay.test.js +48 -48
  196. package/dist/test/text-snippet-block.test.d.ts +1 -1
  197. package/dist/test/text-snippet-block.test.js +57 -57
  198. package/dist/test/tile-stats.test.d.ts +1 -1
  199. package/dist/test/tile-stats.test.js +33 -33
  200. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  201. package/dist/test/tiles/grid/account-tile.test.js +60 -60
  202. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  203. package/dist/test/tiles/grid/collection-tile.test.js +57 -57
  204. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  205. package/dist/test/tiles/grid/item-tile.test.js +142 -142
  206. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  207. package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
  208. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  209. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  210. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  211. package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
  212. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  213. package/dist/test/tiles/list/tile-list.test.js +153 -153
  214. package/dist/test/utils/format-count.test.d.ts +1 -1
  215. package/dist/test/utils/format-count.test.js +23 -23
  216. package/dist/test/utils/format-date.test.d.ts +1 -1
  217. package/dist/test/utils/format-date.test.js +17 -17
  218. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  219. package/dist/test/utils/format-unit-size.test.js +17 -17
  220. package/local.archive.org.cert +86 -86
  221. package/local.archive.org.key +27 -27
  222. package/package.json +1 -1
  223. package/renovate.json +6 -6
  224. package/src/collection-browser.ts +1 -0
  225. package/src/collection-facets/more-facets-content.ts +24 -16
  226. package/src/collection-facets.ts +0 -20
  227. package/src/tiles/list/tile-list.ts +3 -1
  228. package/test/collection-facets.test.ts +0 -46
  229. package/tsconfig.json +21 -21
  230. package/web-dev-server.config.mjs +30 -30
  231. package/web-test-runner.config.mjs +41 -41
@@ -1,64 +1,64 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../src/tiles/text-snippet-block';
5
- describe('TextSnippetBlock component', () => {
6
- it('should render initial component', async () => {
7
- var _a, _b;
8
- const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
9
- // No content if no snippets
10
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
11
- // Content appears if there are snippets
12
- el.snippets = ['text'];
13
- await el.updateComplete;
14
- const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
15
- expect(container).to.exist;
16
- });
17
- it('should render marked snippets', async () => {
18
- var _a;
19
- const snippets = [
20
- 'some {{{snippet}}} text',
21
- 'some {{{other}}} {{{snippet}}} text',
22
- ];
23
- const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
24
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
25
- // Has the correct number of snippets and highlights
26
- expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
27
- expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
28
- });
29
- it('should render marked snippets containing newlines', async () => {
30
- var _a;
31
- const snippets = [
32
- 'some {{{snippet}}} text',
33
- 'some {{{other}}} {{{snippet\n text}}}',
34
- ];
35
- const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
36
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
37
- // Has the correct number of snippets and highlights
38
- expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
39
- expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
40
- });
41
- it('should render correctly in grid mode', async () => {
42
- var _a;
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../src/tiles/text-snippet-block';
5
+ describe('TextSnippetBlock component', () => {
6
+ it('should render initial component', async () => {
7
+ var _a, _b;
8
+ const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
9
+ // No content if no snippets
10
+ expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
11
+ // Content appears if there are snippets
12
+ el.snippets = ['text'];
13
+ await el.updateComplete;
14
+ const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
15
+ expect(container).to.exist;
16
+ });
17
+ it('should render marked snippets', async () => {
18
+ var _a;
19
+ const snippets = [
20
+ 'some {{{snippet}}} text',
21
+ 'some {{{other}}} {{{snippet}}} text',
22
+ ];
23
+ const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
24
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
25
+ // Has the correct number of snippets and highlights
26
+ expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
27
+ expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
28
+ });
29
+ it('should render marked snippets containing newlines', async () => {
30
+ var _a;
31
+ const snippets = [
32
+ 'some {{{snippet}}} text',
33
+ 'some {{{other}}} {{{snippet\n text}}}',
34
+ ];
35
+ const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
36
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
37
+ // Has the correct number of snippets and highlights
38
+ expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
39
+ expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
40
+ });
41
+ it('should render correctly in grid mode', async () => {
42
+ var _a;
43
43
  const el = await fixture(html `<text-snippet-block
44
44
  viewsize="grid"
45
45
  .snippets=${['text']}
46
- ></text-snippet-block>`);
47
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
48
- // Applies the right container classes
49
- expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
50
- expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
51
- });
52
- it('should render correctly in list mode', async () => {
53
- var _a;
46
+ ></text-snippet-block>`);
47
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
48
+ // Applies the right container classes
49
+ expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
50
+ expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
51
+ });
52
+ it('should render correctly in list mode', async () => {
53
+ var _a;
54
54
  const el = await fixture(html `<text-snippet-block
55
55
  viewsize="list"
56
56
  .snippets=${['text']}
57
- ></text-snippet-block>`);
58
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
59
- // Applies the right container classes
60
- expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
61
- expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
62
- });
63
- });
57
+ ></text-snippet-block>`);
58
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.snippet-view');
59
+ // Applies the right container classes
60
+ expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
61
+ expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
62
+ });
63
+ });
64
64
  //# sourceMappingURL=text-snippet-block.test.js.map
@@ -1 +1 @@
1
- import '../src/tiles/grid/tile-stats';
1
+ import '../src/tiles/grid/tile-stats';
@@ -1,20 +1,20 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../src/tiles/grid/tile-stats';
5
- describe('Tile Stats', () => {
6
- it('should render initial component', async () => {
7
- var _a, _b;
8
- const el = await fixture(html `<tile-stats></tile-stats>`);
9
- const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
10
- const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
11
- const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
12
- expect(itemStats).to.exist;
13
- expect(statsRow).to.exist;
14
- expect(statsRowCount).to.equal(4);
15
- });
16
- it('should render component with value', async () => {
17
- var _a, _b, _c, _d, _e, _f, _g;
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../src/tiles/grid/tile-stats';
5
+ describe('Tile Stats', () => {
6
+ it('should render initial component', async () => {
7
+ var _a, _b;
8
+ const el = await fixture(html `<tile-stats></tile-stats>`);
9
+ const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
10
+ const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
11
+ const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
12
+ expect(itemStats).to.exist;
13
+ expect(statsRow).to.exist;
14
+ expect(statsRowCount).to.equal(4);
15
+ });
16
+ it('should render component with value', async () => {
17
+ var _a, _b, _c, _d, _e, _f, _g;
18
18
  const el = await fixture(html `
19
19
  <tile-stats
20
20
  .mediatype=${'account'}
@@ -23,20 +23,20 @@ describe('Tile Stats', () => {
23
23
  .commentCount=${3}
24
24
  >
25
25
  </tile-stats>
26
- `);
27
- const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
28
- const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
29
- // get second column item in stats row
30
- const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
31
- // get third column item in stats row
32
- const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
33
- // get fourth column item in stats row
34
- const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
35
- expect(mediatypeStat).to.exist;
36
- // Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
37
- expect(itemStatCount).to.equalSnapshot(1);
38
- expect(favoritesStatCount).to.equalSnapshot(2);
39
- expect(reviewsStatCount).to.equalSnapshot(3);
40
- });
41
- });
26
+ `);
27
+ const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
28
+ const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
29
+ // get second column item in stats row
30
+ const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
31
+ // get third column item in stats row
32
+ const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
33
+ // get fourth column item in stats row
34
+ const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
35
+ expect(mediatypeStat).to.exist;
36
+ // Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
37
+ expect(itemStatCount).to.equalSnapshot(1);
38
+ expect(favoritesStatCount).to.equalSnapshot(2);
39
+ expect(reviewsStatCount).to.equalSnapshot(3);
40
+ });
41
+ });
42
42
  //# sourceMappingURL=tile-stats.test.js.map
@@ -1 +1 @@
1
- import '../../../src/tiles/grid/account-tile';
1
+ import '../../../src/tiles/grid/account-tile';
@@ -1,76 +1,76 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../../../src/tiles/grid/account-tile';
5
- describe('Account Tile', () => {
6
- it('should render initial component', async () => {
7
- var _a, _b, _c, _d;
8
- const el = await fixture(html `<account-tile></account-tile>`);
9
- const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
10
- const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
11
- const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
12
- const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
13
- expect(itemInfo).to.exist;
14
- expect(itemImage).to.exist;
15
- expect(itemArchivist).to.exist;
16
- expect(tileStats).to.exist;
17
- });
18
- it('should render with title element', async () => {
19
- 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/grid/account-tile';
5
+ describe('Account Tile', () => {
6
+ it('should render initial component', async () => {
7
+ var _a, _b, _c, _d;
8
+ const el = await fixture(html `<account-tile></account-tile>`);
9
+ const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
10
+ const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
11
+ const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
12
+ const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
13
+ expect(itemInfo).to.exist;
14
+ expect(itemImage).to.exist;
15
+ expect(itemArchivist).to.exist;
16
+ expect(tileStats).to.exist;
17
+ });
18
+ it('should render with title element', async () => {
19
+ var _a, _b, _c;
20
20
  const el = await fixture(html `
21
21
  <account-tile
22
- .model=${{
23
- identifier: '@jack-sparrow',
22
+ .model=${{
23
+ identifier: '@jack-sparrow',
24
24
  }}
25
25
  >
26
26
  </account-tile>
27
- `);
28
- await el.updateComplete;
29
- const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
30
- const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
31
- expect(itemInfo).to.exist;
32
- expect(accountTitle).to.exist;
33
- expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
34
- });
35
- it('should render with archivist-since date element', async () => {
36
- var _a;
27
+ `);
28
+ await el.updateComplete;
29
+ const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
30
+ const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
31
+ expect(itemInfo).to.exist;
32
+ expect(accountTitle).to.exist;
33
+ expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
34
+ });
35
+ it('should render with archivist-since date element', async () => {
36
+ var _a;
37
37
  const el = await fixture(html `
38
38
  <account-tile
39
- .model=${{
40
- dateAdded: new Date('2022-02-02'),
39
+ .model=${{
40
+ dateAdded: new Date('2022-02-02'),
41
41
  }}
42
42
  >
43
43
  </account-tile>
44
- `);
45
- await el.updateComplete;
46
- const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
47
- expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
48
- });
49
- it('should render with tile-stats element', async () => {
50
- var _a, _b;
44
+ `);
45
+ await el.updateComplete;
46
+ const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
47
+ expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
48
+ });
49
+ it('should render with tile-stats element', async () => {
50
+ var _a, _b;
51
51
  const el = await fixture(html `
52
52
  <account-tile
53
- .model=${{
54
- identifier: '@jack-sparrow',
55
- mediatype: 'account',
56
- itemCount: 999,
57
- favCount: 100,
58
- commentCount: 3,
53
+ .model=${{
54
+ identifier: '@jack-sparrow',
55
+ mediatype: 'account',
56
+ itemCount: 999,
57
+ favCount: 100,
58
+ commentCount: 3,
59
59
  }}
60
60
  >
61
61
  </account-tile>
62
- `);
63
- await el.updateComplete;
64
- const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
65
- const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
66
- expect(tileStats).to.exist;
67
- expect(statsElements).to.exist;
68
- const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
69
- expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
70
- const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
71
- expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
72
- const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
73
- expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
74
- });
75
- });
62
+ `);
63
+ await el.updateComplete;
64
+ const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
65
+ const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
66
+ expect(tileStats).to.exist;
67
+ expect(statsElements).to.exist;
68
+ const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
69
+ expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
70
+ const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
71
+ expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
72
+ const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
73
+ expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
74
+ });
75
+ });
76
76
  //# sourceMappingURL=account-tile.test.js.map
@@ -1 +1 @@
1
- import '../../../src/tiles/grid/collection-tile';
1
+ import '../../../src/tiles/grid/collection-tile';
@@ -1,73 +1,73 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../../../src/tiles/grid/collection-tile';
5
- describe('Collection Tile', () => {
6
- it('should render initial component', async () => {
7
- var _a, _b, _c;
8
- const el = await fixture(html `<collection-tile></collection-tile>`);
9
- const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
10
- const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
11
- const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
12
- expect(itemInfo).to.exist;
13
- expect(itemImage).to.exist;
14
- expect(itemStats).to.exist;
15
- });
16
- it('should render with title element', async () => {
17
- 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/grid/collection-tile';
5
+ describe('Collection Tile', () => {
6
+ it('should render initial component', async () => {
7
+ var _a, _b, _c;
8
+ const el = await fixture(html `<collection-tile></collection-tile>`);
9
+ const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
10
+ const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
11
+ const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
12
+ expect(itemInfo).to.exist;
13
+ expect(itemImage).to.exist;
14
+ expect(itemStats).to.exist;
15
+ });
16
+ it('should render with title element', async () => {
17
+ var _a, _b, _c;
18
18
  const el = await fixture(html `
19
19
  <collection-tile
20
- .model=${{
21
- identifier: 'books',
22
- title: 'Books',
23
- itemCount: 121,
20
+ .model=${{
21
+ identifier: 'books',
22
+ title: 'Books',
23
+ itemCount: 121,
24
24
  }}
25
25
  >
26
26
  </collection-tile>
27
- `);
28
- await el.updateComplete;
29
- const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
30
- const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
31
- expect(itemInfo).to.exist;
32
- expect(itemTitle).to.exist;
33
- expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
34
- });
35
- it('should render with image-block element', async () => {
36
- var _a;
27
+ `);
28
+ await el.updateComplete;
29
+ const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
30
+ const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
31
+ expect(itemInfo).to.exist;
32
+ expect(itemTitle).to.exist;
33
+ expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
34
+ });
35
+ it('should render with image-block element', async () => {
36
+ var _a;
37
37
  const el = await fixture(html `
38
38
  <collection-tile
39
- .model=${{
40
- identifier: '@jack-sparrow',
41
- itemCount: 1233,
39
+ .model=${{
40
+ identifier: '@jack-sparrow',
41
+ itemCount: 1233,
42
42
  }}
43
43
  >
44
44
  </collection-tile>
45
- `);
46
- await el.updateComplete;
47
- const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
48
- expect(itemImageBlock).to.exist;
49
- });
50
- it('should render with item stats element', async () => {
51
- var _a, _b, _c, _d;
45
+ `);
46
+ await el.updateComplete;
47
+ const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
48
+ expect(itemImageBlock).to.exist;
49
+ });
50
+ it('should render with item stats element', async () => {
51
+ var _a, _b, _c, _d;
52
52
  const el = await fixture(html `
53
53
  <collection-tile
54
- .model=${{
55
- identifier: '@jack-sparrow',
56
- itemCount: 14521,
57
- collectionSize: 23222543,
54
+ .model=${{
55
+ identifier: '@jack-sparrow',
56
+ itemCount: 14521,
57
+ collectionSize: 23222543,
58
58
  }}
59
59
  >
60
60
  </collection-tile>
61
- `);
62
- await el.updateComplete;
63
- const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
64
- const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
65
- const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
66
- const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
67
- expect(itemStats).to.exist;
68
- expect(itemMediaType).to.exist;
69
- expect(itemCount).to.exist;
70
- expect(itemSize).to.exist;
71
- });
72
- });
61
+ `);
62
+ await el.updateComplete;
63
+ const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
64
+ const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
65
+ const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
66
+ const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
67
+ expect(itemStats).to.exist;
68
+ expect(itemMediaType).to.exist;
69
+ expect(itemCount).to.exist;
70
+ expect(itemSize).to.exist;
71
+ });
72
+ });
73
73
  //# sourceMappingURL=collection-tile.test.js.map
@@ -1 +1 @@
1
- import '../../../src/tiles/grid/item-tile';
1
+ import '../../../src/tiles/grid/item-tile';