@internetarchive/collection-browser 0.4.8-alpha.1 → 0.4.8

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 (225) 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 +1196 -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 +357 -357
  76. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  77. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  78. package/dist/src/collection-facets.d.ts +77 -77
  79. package/dist/src/collection-facets.js +383 -383
  80. package/dist/src/empty-placeholder.d.ts +11 -11
  81. package/dist/src/empty-placeholder.js +42 -42
  82. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  83. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  84. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  85. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  86. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  87. package/dist/src/mediatype/mediatype-config.js +85 -85
  88. package/dist/src/models.d.ts +114 -114
  89. package/dist/src/models.js +125 -125
  90. package/dist/src/restoration-state-handler.d.ts +45 -45
  91. package/dist/src/restoration-state-handler.js +230 -230
  92. package/dist/src/sort-filter-bar/alpha-bar.d.ts +12 -12
  93. package/dist/src/sort-filter-bar/alpha-bar.js +52 -52
  94. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  95. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  96. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  97. package/dist/src/sort-filter-bar/img/list.js +2 -2
  98. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  100. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  102. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
  103. package/dist/src/sort-filter-bar/sort-filter-bar.js +438 -438
  104. package/dist/src/styles/item-image-styles.d.ts +8 -8
  105. package/dist/src/styles/item-image-styles.js +9 -9
  106. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  107. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  108. package/dist/src/tiles/grid/account-tile.d.ts +17 -17
  109. package/dist/src/tiles/grid/account-tile.js +46 -46
  110. package/dist/src/tiles/grid/collection-tile.d.ts +14 -14
  111. package/dist/src/tiles/grid/collection-tile.js +53 -53
  112. package/dist/src/tiles/grid/item-tile.d.ts +29 -29
  113. package/dist/src/tiles/grid/item-tile.js +108 -108
  114. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  115. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +7 -7
  116. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  117. package/dist/src/tiles/grid/tile-stats.js +40 -40
  118. package/dist/src/tiles/hover/hover-pane-controller.d.ts +197 -197
  119. package/dist/src/tiles/hover/hover-pane-controller.js +331 -331
  120. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  121. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  122. package/dist/src/tiles/image-block.d.ts +17 -17
  123. package/dist/src/tiles/image-block.js +72 -72
  124. package/dist/src/tiles/item-image.d.ts +35 -35
  125. package/dist/src/tiles/item-image.js +117 -117
  126. package/dist/src/tiles/list/account-label.d.ts +1 -1
  127. package/dist/src/tiles/list/account-label.js +6 -6
  128. package/dist/src/tiles/list/date-label.d.ts +1 -1
  129. package/dist/src/tiles/list/date-label.js +12 -12
  130. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  131. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  132. package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
  133. package/dist/src/tiles/list/tile-list-compact.js +99 -99
  134. package/dist/src/tiles/list/tile-list.d.ts +55 -55
  135. package/dist/src/tiles/list/tile-list.js +297 -297
  136. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  137. package/dist/src/tiles/mediatype-icon.js +47 -47
  138. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  139. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  140. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  141. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  142. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  143. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  144. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  145. package/dist/src/tiles/text-snippet-block.js +73 -73
  146. package/dist/src/tiles/tile-dispatcher.d.ts +55 -55
  147. package/dist/src/tiles/tile-dispatcher.js +176 -176
  148. package/dist/src/utils/analytics-events.d.ts +22 -22
  149. package/dist/src/utils/analytics-events.js +24 -24
  150. package/dist/src/utils/format-count.d.ts +7 -7
  151. package/dist/src/utils/format-count.js +76 -76
  152. package/dist/src/utils/format-date.d.ts +2 -2
  153. package/dist/src/utils/format-date.js +23 -23
  154. package/dist/src/utils/format-unit-size.d.ts +2 -2
  155. package/dist/src/utils/format-unit-size.js +33 -33
  156. package/dist/test/collection-browser.test.d.ts +1 -1
  157. package/dist/test/collection-browser.test.js +584 -584
  158. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  159. package/dist/test/collection-facets/facets-template.test.js +62 -62
  160. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  161. package/dist/test/collection-facets/more-facets-content.test.js +114 -114
  162. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  163. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  164. package/dist/test/collection-facets.test.d.ts +2 -2
  165. package/dist/test/collection-facets.test.js +508 -508
  166. package/dist/test/empty-placeholder.test.d.ts +1 -1
  167. package/dist/test/empty-placeholder.test.js +33 -33
  168. package/dist/test/icon-overlay.test.d.ts +1 -1
  169. package/dist/test/icon-overlay.test.js +24 -24
  170. package/dist/test/image-block.test.d.ts +1 -1
  171. package/dist/test/image-block.test.js +48 -48
  172. package/dist/test/item-image.test.d.ts +1 -1
  173. package/dist/test/item-image.test.js +84 -84
  174. package/dist/test/mediatype-config.test.d.ts +1 -1
  175. package/dist/test/mediatype-config.test.js +16 -16
  176. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  177. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  178. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  179. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  180. package/dist/test/mocks/mock-search-responses.d.ts +12 -12
  181. package/dist/test/mocks/mock-search-responses.js +341 -341
  182. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  183. package/dist/test/mocks/mock-search-service.js +40 -40
  184. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  185. package/dist/test/restoration-state-handler.test.js +125 -125
  186. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  187. package/dist/test/sort-filter-bar/alpha-bar.test.js +43 -43
  188. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  189. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +197 -197
  190. package/dist/test/text-overlay.test.d.ts +1 -1
  191. package/dist/test/text-overlay.test.js +48 -48
  192. package/dist/test/text-snippet-block.test.d.ts +1 -1
  193. package/dist/test/text-snippet-block.test.js +57 -57
  194. package/dist/test/tile-stats.test.d.ts +1 -1
  195. package/dist/test/tile-stats.test.js +33 -33
  196. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  197. package/dist/test/tiles/grid/account-tile.test.js +60 -60
  198. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  199. package/dist/test/tiles/grid/collection-tile.test.js +57 -57
  200. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  201. package/dist/test/tiles/grid/item-tile.test.js +142 -142
  202. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  203. package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
  204. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  205. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  206. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  207. package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
  208. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  209. package/dist/test/tiles/list/tile-list.test.js +165 -153
  210. package/dist/test/tiles/list/tile-list.test.js.map +1 -1
  211. package/dist/test/utils/format-count.test.d.ts +1 -1
  212. package/dist/test/utils/format-count.test.js +23 -23
  213. package/dist/test/utils/format-date.test.d.ts +1 -1
  214. package/dist/test/utils/format-date.test.js +17 -17
  215. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  216. package/dist/test/utils/format-unit-size.test.js +17 -17
  217. package/local.archive.org.cert +86 -86
  218. package/local.archive.org.key +27 -27
  219. package/package.json +1 -1
  220. package/renovate.json +6 -6
  221. package/src/collection-browser.ts +2 -0
  222. package/test/tiles/list/tile-list.test.ts +14 -0
  223. package/tsconfig.json +21 -21
  224. package/web-dev-server.config.mjs +30 -30
  225. 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';