@internetarchive/collection-browser 4.8.0 → 4.8.1-alpha-webdev9189.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 (336) hide show
  1. package/dist/src/collection-browser.js +27 -2
  2. package/dist/src/collection-browser.js.map +1 -1
  3. package/dist/src/sort-filter-bar/sort-filter-bar.js +38 -20
  4. package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
  5. package/dist/src/utils/log.d.ts +4 -1
  6. package/package.json +5 -1
  7. package/.editorconfig +0 -29
  8. package/.github/workflows/ci.yml +0 -29
  9. package/.github/workflows/gh-pages-main.yml +0 -41
  10. package/.github/workflows/npm-publish.yml +0 -42
  11. package/.github/workflows/pr-preview.yml +0 -40
  12. package/.husky/pre-commit +0 -1
  13. package/.prettierignore +0 -1
  14. package/dist/test/collection-browser.test.d.ts +0 -1
  15. package/dist/test/collection-browser.test.js +0 -1815
  16. package/dist/test/collection-browser.test.js.map +0 -1
  17. package/dist/test/collection-facets/facet-row.test.d.ts +0 -1
  18. package/dist/test/collection-facets/facet-row.test.js +0 -291
  19. package/dist/test/collection-facets/facet-row.test.js.map +0 -1
  20. package/dist/test/collection-facets/facets-template.test.d.ts +0 -1
  21. package/dist/test/collection-facets/facets-template.test.js +0 -95
  22. package/dist/test/collection-facets/facets-template.test.js.map +0 -1
  23. package/dist/test/collection-facets/more-facets-content.test.d.ts +0 -1
  24. package/dist/test/collection-facets/more-facets-content.test.js +0 -509
  25. package/dist/test/collection-facets/more-facets-content.test.js.map +0 -1
  26. package/dist/test/collection-facets/more-facets-scroller.test.d.ts +0 -1
  27. package/dist/test/collection-facets/more-facets-scroller.test.js +0 -288
  28. package/dist/test/collection-facets/more-facets-scroller.test.js.map +0 -1
  29. package/dist/test/collection-facets/page-window.test.d.ts +0 -1
  30. package/dist/test/collection-facets/page-window.test.js +0 -175
  31. package/dist/test/collection-facets/page-window.test.js.map +0 -1
  32. package/dist/test/collection-facets/toggle-switch.test.d.ts +0 -1
  33. package/dist/test/collection-facets/toggle-switch.test.js +0 -99
  34. package/dist/test/collection-facets/toggle-switch.test.js.map +0 -1
  35. package/dist/test/collection-facets.test.d.ts +0 -2
  36. package/dist/test/collection-facets.test.js +0 -728
  37. package/dist/test/collection-facets.test.js.map +0 -1
  38. package/dist/test/data-source/collection-browser-data-source.test.d.ts +0 -1
  39. package/dist/test/data-source/collection-browser-data-source.test.js +0 -154
  40. package/dist/test/data-source/collection-browser-data-source.test.js.map +0 -1
  41. package/dist/test/empty-placeholder.test.d.ts +0 -1
  42. package/dist/test/empty-placeholder.test.js +0 -57
  43. package/dist/test/empty-placeholder.test.js.map +0 -1
  44. package/dist/test/expanded-date-picker.test.d.ts +0 -1
  45. package/dist/test/expanded-date-picker.test.js +0 -124
  46. package/dist/test/expanded-date-picker.test.js.map +0 -1
  47. package/dist/test/icon-overlay.test.d.ts +0 -1
  48. package/dist/test/icon-overlay.test.js +0 -31
  49. package/dist/test/icon-overlay.test.js.map +0 -1
  50. package/dist/test/image-block.test.d.ts +0 -1
  51. package/dist/test/image-block.test.js +0 -208
  52. package/dist/test/image-block.test.js.map +0 -1
  53. package/dist/test/item-image.test.d.ts +0 -1
  54. package/dist/test/item-image.test.js +0 -187
  55. package/dist/test/item-image.test.js.map +0 -1
  56. package/dist/test/manage/manage-bar.test.d.ts +0 -3
  57. package/dist/test/manage/manage-bar.test.js +0 -216
  58. package/dist/test/manage/manage-bar.test.js.map +0 -1
  59. package/dist/test/manage/remove-items-modal-content.test.d.ts +0 -1
  60. package/dist/test/manage/remove-items-modal-content.test.js +0 -60
  61. package/dist/test/manage/remove-items-modal-content.test.js.map +0 -1
  62. package/dist/test/mediatype-config.test.d.ts +0 -1
  63. package/dist/test/mediatype-config.test.js +0 -11
  64. package/dist/test/mediatype-config.test.js.map +0 -1
  65. package/dist/test/mocks/mock-analytics-handler.d.ts +0 -10
  66. package/dist/test/mocks/mock-analytics-handler.js +0 -16
  67. package/dist/test/mocks/mock-analytics-handler.js.map +0 -1
  68. package/dist/test/mocks/mock-search-responses.d.ts +0 -37
  69. package/dist/test/mocks/mock-search-responses.js +0 -1293
  70. package/dist/test/mocks/mock-search-responses.js.map +0 -1
  71. package/dist/test/mocks/mock-search-service.d.ts +0 -16
  72. package/dist/test/mocks/mock-search-service.js +0 -65
  73. package/dist/test/mocks/mock-search-service.js.map +0 -1
  74. package/dist/test/restoration-state-handler.test.d.ts +0 -1
  75. package/dist/test/restoration-state-handler.test.js +0 -335
  76. package/dist/test/restoration-state-handler.test.js.map +0 -1
  77. package/dist/test/review-block.test.d.ts +0 -1
  78. package/dist/test/review-block.test.js +0 -46
  79. package/dist/test/review-block.test.js.map +0 -1
  80. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +0 -1
  81. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +0 -12
  82. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js.map +0 -1
  83. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +0 -1
  84. package/dist/test/sort-filter-bar/alpha-bar.test.js +0 -68
  85. package/dist/test/sort-filter-bar/alpha-bar.test.js.map +0 -1
  86. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +0 -1
  87. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +0 -304
  88. package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +0 -1
  89. package/dist/test/text-overlay.test.d.ts +0 -1
  90. package/dist/test/text-overlay.test.js +0 -43
  91. package/dist/test/text-overlay.test.js.map +0 -1
  92. package/dist/test/text-snippet-block.test.d.ts +0 -1
  93. package/dist/test/text-snippet-block.test.js +0 -58
  94. package/dist/test/text-snippet-block.test.js.map +0 -1
  95. package/dist/test/tile-stats.test.d.ts +0 -1
  96. package/dist/test/tile-stats.test.js +0 -167
  97. package/dist/test/tile-stats.test.js.map +0 -1
  98. package/dist/test/tiles/grid/account-tile.test.d.ts +0 -1
  99. package/dist/test/tiles/grid/account-tile.test.js +0 -96
  100. package/dist/test/tiles/grid/account-tile.test.js.map +0 -1
  101. package/dist/test/tiles/grid/collection-tile.test.d.ts +0 -1
  102. package/dist/test/tiles/grid/collection-tile.test.js +0 -90
  103. package/dist/test/tiles/grid/collection-tile.test.js.map +0 -1
  104. package/dist/test/tiles/grid/item-tile.test.d.ts +0 -1
  105. package/dist/test/tiles/grid/item-tile.test.js +0 -400
  106. package/dist/test/tiles/grid/item-tile.test.js.map +0 -1
  107. package/dist/test/tiles/grid/search-tile.test.d.ts +0 -1
  108. package/dist/test/tiles/grid/search-tile.test.js +0 -62
  109. package/dist/test/tiles/grid/search-tile.test.js.map +0 -1
  110. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +0 -1
  111. package/dist/test/tiles/hover/hover-pane-controller.test.js +0 -351
  112. package/dist/test/tiles/hover/hover-pane-controller.test.js.map +0 -1
  113. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +0 -1
  114. package/dist/test/tiles/hover/tile-hover-pane.test.js +0 -53
  115. package/dist/test/tiles/hover/tile-hover-pane.test.js.map +0 -1
  116. package/dist/test/tiles/list/tile-list-compact-header.test.d.ts +0 -1
  117. package/dist/test/tiles/list/tile-list-compact-header.test.js +0 -36
  118. package/dist/test/tiles/list/tile-list-compact-header.test.js.map +0 -1
  119. package/dist/test/tiles/list/tile-list-compact.test.d.ts +0 -1
  120. package/dist/test/tiles/list/tile-list-compact.test.js +0 -237
  121. package/dist/test/tiles/list/tile-list-compact.test.js.map +0 -1
  122. package/dist/test/tiles/list/tile-list.test.d.ts +0 -1
  123. package/dist/test/tiles/list/tile-list.test.js +0 -460
  124. package/dist/test/tiles/list/tile-list.test.js.map +0 -1
  125. package/dist/test/tiles/tile-dispatcher.test.d.ts +0 -1
  126. package/dist/test/tiles/tile-dispatcher.test.js +0 -246
  127. package/dist/test/tiles/tile-dispatcher.test.js.map +0 -1
  128. package/dist/test/tiles/tile-display-value-provider.test.d.ts +0 -1
  129. package/dist/test/tiles/tile-display-value-provider.test.js +0 -142
  130. package/dist/test/tiles/tile-display-value-provider.test.js.map +0 -1
  131. package/dist/test/tiles/tile-mediatype-icon.test.d.ts +0 -1
  132. package/dist/test/tiles/tile-mediatype-icon.test.js +0 -133
  133. package/dist/test/tiles/tile-mediatype-icon.test.js.map +0 -1
  134. package/dist/test/utils/array-equals.test.d.ts +0 -1
  135. package/dist/test/utils/array-equals.test.js +0 -27
  136. package/dist/test/utils/array-equals.test.js.map +0 -1
  137. package/dist/test/utils/format-count.test.d.ts +0 -1
  138. package/dist/test/utils/format-count.test.js +0 -24
  139. package/dist/test/utils/format-count.test.js.map +0 -1
  140. package/dist/test/utils/format-date.test.d.ts +0 -1
  141. package/dist/test/utils/format-date.test.js +0 -61
  142. package/dist/test/utils/format-date.test.js.map +0 -1
  143. package/dist/test/utils/format-unit-size.test.d.ts +0 -1
  144. package/dist/test/utils/format-unit-size.test.js +0 -18
  145. package/dist/test/utils/format-unit-size.test.js.map +0 -1
  146. package/dist/test/utils/local-date-from-utc.test.d.ts +0 -1
  147. package/dist/test/utils/local-date-from-utc.test.js +0 -27
  148. package/dist/test/utils/local-date-from-utc.test.js.map +0 -1
  149. package/dist/test/utils/normalize-filter-text.test.d.ts +0 -1
  150. package/dist/test/utils/normalize-filter-text.test.js +0 -69
  151. package/dist/test/utils/normalize-filter-text.test.js.map +0 -1
  152. package/docs/design/column-virtualization.md +0 -214
  153. package/eslint.config.mjs +0 -53
  154. package/index.html +0 -24
  155. package/index.ts +0 -29
  156. package/local.archive.org.cert +0 -86
  157. package/local.archive.org.key +0 -27
  158. package/pnpm-workspace.yaml +0 -30
  159. package/renovate.json +0 -6
  160. package/src/app-root.ts +0 -1282
  161. package/src/assets/img/icons/arrow-left.ts +0 -10
  162. package/src/assets/img/icons/arrow-right.ts +0 -10
  163. package/src/assets/img/icons/check.ts +0 -5
  164. package/src/assets/img/icons/chevron.ts +0 -4
  165. package/src/assets/img/icons/close-circle-dark.ts +0 -5
  166. package/src/assets/img/icons/contract.ts +0 -9
  167. package/src/assets/img/icons/empty-query.ts +0 -5
  168. package/src/assets/img/icons/expand.ts +0 -9
  169. package/src/assets/img/icons/eye-closed.ts +0 -5
  170. package/src/assets/img/icons/eye.ts +0 -5
  171. package/src/assets/img/icons/favorite-filled.ts +0 -10
  172. package/src/assets/img/icons/favorite-unfilled.ts +0 -9
  173. package/src/assets/img/icons/filter.ts +0 -10
  174. package/src/assets/img/icons/login-required.ts +0 -18
  175. package/src/assets/img/icons/mediatype/account.ts +0 -14
  176. package/src/assets/img/icons/mediatype/audio.ts +0 -14
  177. package/src/assets/img/icons/mediatype/collection.ts +0 -12
  178. package/src/assets/img/icons/mediatype/data.ts +0 -15
  179. package/src/assets/img/icons/mediatype/etree.ts +0 -14
  180. package/src/assets/img/icons/mediatype/film.ts +0 -14
  181. package/src/assets/img/icons/mediatype/images.ts +0 -13
  182. package/src/assets/img/icons/mediatype/radio.ts +0 -15
  183. package/src/assets/img/icons/mediatype/search.ts +0 -14
  184. package/src/assets/img/icons/mediatype/software.ts +0 -13
  185. package/src/assets/img/icons/mediatype/texts.ts +0 -13
  186. package/src/assets/img/icons/mediatype/tv-commercial.ts +0 -12
  187. package/src/assets/img/icons/mediatype/tv-fact-check.ts +0 -12
  188. package/src/assets/img/icons/mediatype/tv-quote.ts +0 -12
  189. package/src/assets/img/icons/mediatype/tv.ts +0 -14
  190. package/src/assets/img/icons/mediatype/video.ts +0 -14
  191. package/src/assets/img/icons/mediatype/web.ts +0 -13
  192. package/src/assets/img/icons/null-result.ts +0 -5
  193. package/src/assets/img/icons/quote.ts +0 -7
  194. package/src/assets/img/icons/restricted.ts +0 -13
  195. package/src/assets/img/icons/reviews.ts +0 -11
  196. package/src/assets/img/icons/upload.ts +0 -12
  197. package/src/assets/img/icons/views.ts +0 -11
  198. package/src/circular-activity-indicator.ts +0 -64
  199. package/src/collection-browser.ts +0 -3165
  200. package/src/collection-facets/facet-row-template.ts +0 -242
  201. package/src/collection-facets/facet-row.ts +0 -122
  202. package/src/collection-facets/facet-tombstone-row.ts +0 -40
  203. package/src/collection-facets/facets-template.ts +0 -85
  204. package/src/collection-facets/models.ts +0 -16
  205. package/src/collection-facets/more-facets-content.ts +0 -951
  206. package/src/collection-facets/more-facets-scroller.ts +0 -485
  207. package/src/collection-facets/page-window.ts +0 -247
  208. package/src/collection-facets/smart-facets/dedupe.ts +0 -44
  209. package/src/collection-facets/smart-facets/heuristics/browser-language/browser-language-heuristic.ts +0 -27
  210. package/src/collection-facets/smart-facets/heuristics/index.ts +0 -3
  211. package/src/collection-facets/smart-facets/heuristics/query-keywords/query-keywords-heuristic.ts +0 -17
  212. package/src/collection-facets/smart-facets/heuristics/query-keywords/query-keywords-map.ts +0 -70
  213. package/src/collection-facets/smart-facets/heuristics/wikidata/wikidata-entity-map.ts +0 -79
  214. package/src/collection-facets/smart-facets/heuristics/wikidata/wikidata-heuristic.ts +0 -93
  215. package/src/collection-facets/smart-facets/models.ts +0 -36
  216. package/src/collection-facets/smart-facets/smart-facet-bar.ts +0 -437
  217. package/src/collection-facets/smart-facets/smart-facet-button.ts +0 -145
  218. package/src/collection-facets/smart-facets/smart-facet-dropdown.ts +0 -185
  219. package/src/collection-facets/smart-facets/smart-facet-equals.ts +0 -16
  220. package/src/collection-facets/smart-facets/smart-facet-heuristics.ts +0 -26
  221. package/src/collection-facets/toggle-switch.ts +0 -175
  222. package/src/collection-facets.ts +0 -1013
  223. package/src/data-source/collection-browser-data-source-interface.ts +0 -351
  224. package/src/data-source/collection-browser-data-source.ts +0 -1474
  225. package/src/data-source/collection-browser-query-state.ts +0 -60
  226. package/src/data-source/models.ts +0 -56
  227. package/src/empty-placeholder.ts +0 -192
  228. package/src/expanded-date-picker.ts +0 -191
  229. package/src/language-code-handler/language-code-handler.ts +0 -64
  230. package/src/language-code-handler/language-code-mapping.ts +0 -564
  231. package/src/manage/manage-bar.ts +0 -276
  232. package/src/manage/remove-items-modal-content.ts +0 -102
  233. package/src/mediatype/mediatype-config.ts +0 -146
  234. package/src/models.ts +0 -912
  235. package/src/restoration-state-handler.ts +0 -550
  236. package/src/sort-filter-bar/alpha-bar-tooltip.ts +0 -53
  237. package/src/sort-filter-bar/alpha-bar.ts +0 -252
  238. package/src/sort-filter-bar/img/compact.ts +0 -5
  239. package/src/sort-filter-bar/img/list.ts +0 -5
  240. package/src/sort-filter-bar/img/sort-toggle-disabled.ts +0 -15
  241. package/src/sort-filter-bar/img/sort-toggle-down.ts +0 -17
  242. package/src/sort-filter-bar/img/sort-toggle-up.ts +0 -17
  243. package/src/sort-filter-bar/img/sort-triangle.ts +0 -5
  244. package/src/sort-filter-bar/img/tile.ts +0 -5
  245. package/src/sort-filter-bar/sort-filter-bar.ts +0 -733
  246. package/src/styles/ia-button.ts +0 -139
  247. package/src/styles/item-image-styles.ts +0 -124
  248. package/src/styles/sr-only.ts +0 -18
  249. package/src/styles/tile-action-styles.ts +0 -59
  250. package/src/tiles/base-tile-component.ts +0 -124
  251. package/src/tiles/collection-browser-loading-tile.ts +0 -26
  252. package/src/tiles/grid/account-tile.ts +0 -113
  253. package/src/tiles/grid/collection-tile.ts +0 -184
  254. package/src/tiles/grid/item-tile.ts +0 -347
  255. package/src/tiles/grid/search-tile.ts +0 -90
  256. package/src/tiles/grid/styles/tile-grid-shared-styles.ts +0 -130
  257. package/src/tiles/grid/tile-stats.ts +0 -211
  258. package/src/tiles/hover/hover-pane-controller.ts +0 -638
  259. package/src/tiles/hover/tile-hover-pane.ts +0 -184
  260. package/src/tiles/image-block.ts +0 -162
  261. package/src/tiles/item-image.ts +0 -214
  262. package/src/tiles/list/tile-list-compact-header.ts +0 -112
  263. package/src/tiles/list/tile-list-compact.ts +0 -278
  264. package/src/tiles/list/tile-list.ts +0 -718
  265. package/src/tiles/models.ts +0 -21
  266. package/src/tiles/overlay/icon-overlay.ts +0 -57
  267. package/src/tiles/overlay/text-overlay.ts +0 -79
  268. package/src/tiles/review-block.ts +0 -130
  269. package/src/tiles/text-snippet-block.ts +0 -132
  270. package/src/tiles/tile-dispatcher.ts +0 -637
  271. package/src/tiles/tile-display-value-provider.ts +0 -133
  272. package/src/tiles/tile-mediatype-icon.ts +0 -133
  273. package/src/utils/analytics-events.ts +0 -29
  274. package/src/utils/array-equals.ts +0 -8
  275. package/src/utils/collapse-repeated-quotes.ts +0 -13
  276. package/src/utils/date-filter-field.ts +0 -11
  277. package/src/utils/facet-utils.ts +0 -183
  278. package/src/utils/format-count.ts +0 -95
  279. package/src/utils/format-date.ts +0 -62
  280. package/src/utils/format-unit-size.ts +0 -43
  281. package/src/utils/local-date-from-utc.ts +0 -15
  282. package/src/utils/log.ts +0 -14
  283. package/src/utils/normalize-filter-text.ts +0 -54
  284. package/src/utils/resolve-mediatype.ts +0 -26
  285. package/src/utils/sha1.ts +0 -9
  286. package/test/collection-browser.test.ts +0 -2639
  287. package/test/collection-facets/facet-row.test.ts +0 -421
  288. package/test/collection-facets/facets-template.test.ts +0 -139
  289. package/test/collection-facets/more-facets-content.test.ts +0 -716
  290. package/test/collection-facets/more-facets-scroller.test.ts +0 -401
  291. package/test/collection-facets/page-window.test.ts +0 -208
  292. package/test/collection-facets/toggle-switch.test.ts +0 -164
  293. package/test/collection-facets.test.ts +0 -928
  294. package/test/data-source/collection-browser-data-source.test.ts +0 -193
  295. package/test/empty-placeholder.test.ts +0 -88
  296. package/test/expanded-date-picker.test.ts +0 -201
  297. package/test/icon-overlay.test.ts +0 -38
  298. package/test/image-block.test.ts +0 -247
  299. package/test/item-image.test.ts +0 -220
  300. package/test/manage/manage-bar.test.ts +0 -347
  301. package/test/manage/remove-items-modal-content.test.ts +0 -81
  302. package/test/mediatype-config.test.ts +0 -11
  303. package/test/mocks/mock-analytics-handler.ts +0 -30
  304. package/test/mocks/mock-search-responses.ts +0 -1420
  305. package/test/mocks/mock-search-service.ts +0 -136
  306. package/test/restoration-state-handler.test.ts +0 -480
  307. package/test/review-block.test.ts +0 -62
  308. package/test/sort-filter-bar/alpha-bar-tooltip.test.ts +0 -17
  309. package/test/sort-filter-bar/alpha-bar.test.ts +0 -101
  310. package/test/sort-filter-bar/sort-filter-bar.test.ts +0 -443
  311. package/test/text-overlay.test.ts +0 -55
  312. package/test/text-snippet-block.test.ts +0 -85
  313. package/test/tile-stats.test.ts +0 -191
  314. package/test/tiles/grid/account-tile.test.ts +0 -121
  315. package/test/tiles/grid/collection-tile.test.ts +0 -114
  316. package/test/tiles/grid/item-tile.test.ts +0 -520
  317. package/test/tiles/grid/search-tile.test.ts +0 -75
  318. package/test/tiles/hover/hover-pane-controller.test.ts +0 -482
  319. package/test/tiles/hover/tile-hover-pane.test.ts +0 -80
  320. package/test/tiles/list/tile-list-compact-header.test.ts +0 -43
  321. package/test/tiles/list/tile-list-compact.test.ts +0 -282
  322. package/test/tiles/list/tile-list.test.ts +0 -576
  323. package/test/tiles/tile-dispatcher.test.ts +0 -320
  324. package/test/tiles/tile-display-value-provider.test.ts +0 -172
  325. package/test/tiles/tile-mediatype-icon.test.ts +0 -160
  326. package/test/utils/array-equals.test.ts +0 -31
  327. package/test/utils/format-count.test.ts +0 -32
  328. package/test/utils/format-date.test.ts +0 -89
  329. package/test/utils/format-unit-size.test.ts +0 -21
  330. package/test/utils/local-date-from-utc.test.ts +0 -37
  331. package/test/utils/normalize-filter-text.test.ts +0 -87
  332. package/tsconfig.json +0 -25
  333. package/types/dompurify.d.ts +0 -1
  334. package/vite.config.ts +0 -29
  335. package/web-dev-server.config.mjs +0 -30
  336. package/web-test-runner.config.mjs +0 -57
@@ -1,208 +0,0 @@
1
- import { expect, fixture } from '@open-wc/testing';
2
- import { html } from 'lit';
3
- import '../src/tiles/image-block';
4
- describe('Image block component', () => {
5
- it('should render component grid display mode', async () => {
6
- const el = await fixture(html `
7
- <image-block
8
- .model=${{
9
- loginRequired: true,
10
- contentWarning: true,
11
- identifier: 'goody',
12
- }}
13
- .baseImageUrl=${'https://archive.org'}
14
- .isCompactTile=${false}
15
- .isListTile=${false}
16
- .viewSize=${'grid'}
17
- .loggedIn=${false}
18
- >
19
- </image-block>
20
- `);
21
- const viewSize = el.shadowRoot?.querySelector('.grid');
22
- const itemImage = el.shadowRoot?.querySelector('item-image');
23
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
24
- expect(viewSize).to.exist;
25
- expect(itemImage).to.exist;
26
- expect(textOverlay).to.exist;
27
- });
28
- it('should render component list display mode', async () => {
29
- const el = await fixture(html `
30
- <image-block
31
- .model=${{
32
- loginRequired: true,
33
- contentWarning: true,
34
- identifier: 'goody',
35
- }}
36
- .baseImageUrl=${'https://archive.org'}
37
- .isCompactTile=${false}
38
- .isListTile=${true}
39
- .viewSize=${'desktop'}
40
- .loggedIn=${false}
41
- >
42
- </image-block>
43
- `);
44
- const viewSize = el.shadowRoot?.querySelector('.list.desktop');
45
- const itemImage = el.shadowRoot?.querySelector('item-image');
46
- const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');
47
- expect(viewSize).to.exist;
48
- expect(itemImage).to.exist;
49
- expect(iconOverlay).to.exist;
50
- });
51
- it('should render component compact display mode', async () => {
52
- const el = await fixture(html `
53
- <image-block
54
- .model=${{
55
- loginRequired: true,
56
- contentWarning: true,
57
- identifier: 'goody',
58
- }}
59
- .baseImageUrl=${'https://archive.org'}
60
- .isCompactTile=${true}
61
- .isListTile=${true}
62
- .viewSize=${'desktop'}
63
- .loggedIn=${false}
64
- >
65
- </image-block>
66
- `);
67
- const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');
68
- const itemImage = el.shadowRoot?.querySelector('item-image');
69
- const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');
70
- expect(viewSize).to.exist;
71
- expect(itemImage).to.exist;
72
- expect(iconOverlay).to.exist;
73
- });
74
- it('should render a login-required overlay if model requires it and not logged in', async () => {
75
- const el = await fixture(html `
76
- <image-block
77
- .model=${{
78
- loginRequired: true,
79
- identifier: 'goody',
80
- }}
81
- .baseImageUrl=${'https://archive.org'}
82
- .isCompactTile=${false}
83
- .isListTile=${false}
84
- .viewSize=${'desktop'}
85
- .loggedIn=${false}
86
- >
87
- </image-block>
88
- `);
89
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
90
- expect(textOverlay).to.exist;
91
- expect(textOverlay.type).to.equal('login-required');
92
- });
93
- it('should render no overlay if logged in and model only requires login', async () => {
94
- const el = await fixture(html `
95
- <image-block
96
- .model=${{
97
- loginRequired: true,
98
- identifier: 'goody',
99
- }}
100
- .baseImageUrl=${'https://archive.org'}
101
- .isCompactTile=${false}
102
- .isListTile=${false}
103
- .viewSize=${'desktop'}
104
- .loggedIn=${true}
105
- >
106
- </image-block>
107
- `);
108
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
109
- expect(textOverlay).not.to.exist;
110
- });
111
- it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {
112
- const el = await fixture(html `
113
- <image-block
114
- .model=${{
115
- contentWarning: true,
116
- identifier: 'goody',
117
- }}
118
- .baseImageUrl=${'https://archive.org'}
119
- .isCompactTile=${false}
120
- .isListTile=${false}
121
- .viewSize=${'desktop'}
122
- .loggedIn=${false}
123
- >
124
- </image-block>
125
- `);
126
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
127
- expect(textOverlay).to.exist;
128
- expect(textOverlay.type).to.equal('content-warning');
129
- });
130
- it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {
131
- const el = await fixture(html `
132
- <image-block
133
- .model=${{
134
- loginRequired: true,
135
- contentWarning: true,
136
- identifier: 'goody',
137
- }}
138
- .baseImageUrl=${'https://archive.org'}
139
- .isCompactTile=${false}
140
- .isListTile=${false}
141
- .viewSize=${'desktop'}
142
- .loggedIn=${false}
143
- >
144
- </image-block>
145
- `);
146
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
147
- expect(textOverlay).to.exist;
148
- expect(textOverlay.type).to.equal('login-required');
149
- });
150
- it('should show content-warning overlay if both types required and logged in', async () => {
151
- const el = await fixture(html `
152
- <image-block
153
- .model=${{
154
- loginRequired: true,
155
- contentWarning: true,
156
- identifier: 'goody',
157
- }}
158
- .baseImageUrl=${'https://archive.org'}
159
- .isCompactTile=${false}
160
- .isListTile=${false}
161
- .viewSize=${'desktop'}
162
- .loggedIn=${true}
163
- >
164
- </image-block>
165
- `);
166
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
167
- expect(textOverlay).to.exist;
168
- expect(textOverlay.type).to.equal('content-warning');
169
- });
170
- it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {
171
- const el = await fixture(html `
172
- <image-block
173
- .model=${{
174
- identifier: 'goody',
175
- }}
176
- .baseImageUrl=${'https://archive.org'}
177
- .isCompactTile=${false}
178
- .isListTile=${false}
179
- .viewSize=${'desktop'}
180
- .loggedIn=${false}
181
- >
182
- </image-block>
183
- `);
184
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
185
- expect(textOverlay).not.to.exist;
186
- });
187
- it('should render no overlay if blurring is suppressed', async () => {
188
- const el = await fixture(html `
189
- <image-block
190
- .model=${{
191
- loginRequired: true,
192
- contentWarning: true,
193
- identifier: 'goody',
194
- }}
195
- .baseImageUrl=${'https://archive.org'}
196
- .isCompactTile=${false}
197
- .isListTile=${false}
198
- .viewSize=${'desktop'}
199
- .loggedIn=${true}
200
- suppressBlurring
201
- >
202
- </image-block>
203
- `);
204
- const textOverlay = el.shadowRoot?.querySelector('text-overlay');
205
- expect(textOverlay).not.to.exist;
206
- });
207
- });
208
- //# sourceMappingURL=image-block.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"image-block.test.js","sourceRoot":"","sources":["../../test/image-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { ImageBlock } from '../src/tiles/image-block';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/image-block';\n\ndescribe('Image block component', () => {\n it('should render component grid display mode', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'grid'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const viewSize = el.shadowRoot?.querySelector('.grid');\n const itemImage = el.shadowRoot?.querySelector('item-image');\n const textOverlay = el.shadowRoot?.querySelector('text-overlay');\n\n expect(viewSize).to.exist;\n expect(itemImage).to.exist;\n expect(textOverlay).to.exist;\n });\n\n it('should render component list display mode', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${true}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const viewSize = el.shadowRoot?.querySelector('.list.desktop');\n const itemImage = el.shadowRoot?.querySelector('item-image');\n const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n expect(viewSize).to.exist;\n expect(itemImage).to.exist;\n expect(iconOverlay).to.exist;\n });\n\n it('should render component compact display mode', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${true}\n .isListTile=${true}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');\n const itemImage = el.shadowRoot?.querySelector('item-image');\n const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n expect(viewSize).to.exist;\n expect(itemImage).to.exist;\n expect(iconOverlay).to.exist;\n });\n\n it('should render a login-required overlay if model requires it and not logged in', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).to.exist;\n expect(textOverlay.type).to.equal('login-required');\n });\n\n it('should render no overlay if logged in and model only requires login', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${true}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).not.to.exist;\n });\n\n it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).to.exist;\n expect(textOverlay.type).to.equal('content-warning');\n });\n\n it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).to.exist;\n expect(textOverlay.type).to.equal('login-required');\n });\n\n it('should show content-warning overlay if both types required and logged in', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${true}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).to.exist;\n expect(textOverlay.type).to.equal('content-warning');\n });\n\n it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${false}\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).not.to.exist;\n });\n\n it('should render no overlay if blurring is suppressed', async () => {\n const el = await fixture<ImageBlock>(html`\n <image-block\n .model=${{\n loginRequired: true,\n contentWarning: true,\n identifier: 'goody',\n }}\n .baseImageUrl=${'https://archive.org'}\n .isCompactTile=${false}\n .isListTile=${false}\n .viewSize=${'desktop'}\n .loggedIn=${true}\n suppressBlurring\n >\n </image-block>\n `);\n\n const textOverlay = el.shadowRoot?.querySelector(\n 'text-overlay',\n ) as TextOverlay;\n expect(textOverlay).not.to.exist;\n });\n});\n"]}
@@ -1 +0,0 @@
1
- import '../src/tiles/item-image';
@@ -1,187 +0,0 @@
1
- import { expect, fixture } from '@open-wc/testing';
2
- import { html } from 'lit';
3
- import { TileModel } from '../src/models';
4
- import '../src/tiles/item-image';
5
- const baseImageUrl = 'https://archive.org';
6
- const testBookModel = new TileModel({});
7
- testBookModel.checked = false;
8
- testBookModel.collections = [];
9
- testBookModel.commentCount = 0;
10
- testBookModel.creators = [];
11
- testBookModel.favCount = 0;
12
- testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
13
- testBookModel.itemCount = 0;
14
- testBookModel.mediatype = 'texts';
15
- testBookModel.subjects = [];
16
- testBookModel.title = 'Sample Waveform';
17
- testBookModel.viewCount = 0;
18
- testBookModel.loginRequired = false;
19
- testBookModel.contentWarning = false;
20
- testBookModel.collectionFilesCount = 0;
21
- testBookModel.collectionSize = 0;
22
- const testAudioModel = new TileModel({});
23
- testAudioModel.checked = false;
24
- testAudioModel.collections = [];
25
- testAudioModel.commentCount = 0;
26
- testAudioModel.creators = [];
27
- testAudioModel.favCount = 0;
28
- testAudioModel.identifier = 'dwd2015-01-24';
29
- testAudioModel.itemCount = 0;
30
- testAudioModel.mediatype = 'audio';
31
- testAudioModel.subjects = [];
32
- testAudioModel.title = 'Sample Waveform';
33
- testAudioModel.viewCount = 0;
34
- testAudioModel.loginRequired = false;
35
- testAudioModel.contentWarning = false;
36
- testAudioModel.collectionFilesCount = 0;
37
- testAudioModel.collectionSize = 0;
38
- describe('ItemImage component', () => {
39
- it('should render initial component', async () => {
40
- const el = await fixture(html `
41
- <item-image
42
- .isListTile=${false}
43
- .isCompactTile=${false}
44
- .model=${testBookModel}
45
- .baseImageUrl=${baseImageUrl}
46
- >
47
- </item-image>
48
- `);
49
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
50
- const imgClassName = dropShadow?.querySelector('img')?.className;
51
- expect(dropShadow).to.exist;
52
- expect(imgClassName).to.eql(' contain ');
53
- });
54
- it('should render component if mediatype is waveform', async () => {
55
- const el = await fixture(html `
56
- <item-image
57
- .isListTile=${false}
58
- .isCompactTile=${false}
59
- .model=${testAudioModel}
60
- .baseImageUrl=${baseImageUrl}
61
- >
62
- </item-image>
63
- `);
64
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
65
- const image = dropShadow?.querySelector('img');
66
- expect(dropShadow).to.exist;
67
- expect(image).to.exist;
68
- // simulate image onLoad event check if image className is waveform
69
- setTimeout(() => {
70
- const imgClassName = image?.className;
71
- expect(imgClassName).to.eql(' waveform ');
72
- }, 1000);
73
- });
74
- it('should not fetch image with undefined base url', async () => {
75
- const el = await fixture(html `
76
- <item-image
77
- .isListTile=${false}
78
- .isCompactTile=${false}
79
- .model=${testBookModel}
80
- >
81
- </item-image>
82
- `);
83
- // Doesn't set the image src if base url is undefined
84
- const img = el.shadowRoot?.querySelector('img');
85
- expect(img).to.exist;
86
- expect(img?.getAttribute('src')).not.to.exist;
87
- });
88
- it('should not fetch image with undefined model', async () => {
89
- const el = await fixture(html `
90
- <item-image
91
- .isListTile=${false}
92
- .isCompactTile=${false}
93
- .baseImageUrl=${baseImageUrl}
94
- >
95
- </item-image>
96
- `);
97
- // Doesn't set the image src if model is not present
98
- const img = el.shadowRoot?.querySelector('img');
99
- expect(img).to.exist;
100
- expect(img?.getAttribute('src')).not.to.exist;
101
- });
102
- it('should not fetch image with undefined identifier', async () => {
103
- const el = await fixture(html `
104
- <item-image
105
- .isListTile=${false}
106
- .isCompactTile=${false}
107
- .model=${{}}
108
- .baseImageUrl=${baseImageUrl}
109
- >
110
- </item-image>
111
- `);
112
- // Doesn't set the image src if identifier is not present
113
- const img = el.shadowRoot?.querySelector('img');
114
- expect(img).to.exist;
115
- expect(img?.getAttribute('src')).not.to.exist;
116
- });
117
- it('should blur image if login required flag set', async () => {
118
- const model = new TileModel({ identifier: 'foo' });
119
- model.loginRequired = true;
120
- const el = await fixture(html `
121
- <item-image
122
- .isListTile=${false}
123
- .isCompactTile=${false}
124
- .model=${model}
125
- .baseImageUrl=${baseImageUrl}
126
- >
127
- </item-image>
128
- `);
129
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
130
- expect(dropShadow).to.exist;
131
- const imgClasses = dropShadow?.querySelector('img')?.classList;
132
- expect(imgClasses?.contains('blur')).to.be.true;
133
- });
134
- it('should blur image if content warning flag set', async () => {
135
- const model = new TileModel({ identifier: 'foo' });
136
- model.contentWarning = true;
137
- const el = await fixture(html `
138
- <item-image
139
- .isListTile=${false}
140
- .isCompactTile=${false}
141
- .model=${model}
142
- .baseImageUrl=${baseImageUrl}
143
- >
144
- </item-image>
145
- `);
146
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
147
- expect(dropShadow).to.exist;
148
- const imgClasses = dropShadow?.querySelector('img')?.classList;
149
- expect(imgClasses?.contains('blur')).to.be.true;
150
- });
151
- it('should not blur image if no login required nor content warning', async () => {
152
- const model = new TileModel({ identifier: 'foo' });
153
- const el = await fixture(html `
154
- <item-image
155
- .isListTile=${false}
156
- .isCompactTile=${false}
157
- .model=${model}
158
- .baseImageUrl=${baseImageUrl}
159
- >
160
- </item-image>
161
- `);
162
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
163
- expect(dropShadow).to.exist;
164
- const imgClasses = dropShadow?.querySelector('img')?.classList;
165
- expect(imgClasses?.contains('blur')).to.be.false;
166
- });
167
- it('should not blur image if blurring is suppressed, regardless of content flags', async () => {
168
- const model = new TileModel({ identifier: 'foo' });
169
- model.loginRequired = true;
170
- model.contentWarning = true;
171
- const el = await fixture(html `
172
- <item-image
173
- .isListTile=${false}
174
- .isCompactTile=${false}
175
- .model=${model}
176
- .baseImageUrl=${baseImageUrl}
177
- suppressBlurring
178
- >
179
- </item-image>
180
- `);
181
- const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
182
- expect(dropShadow).to.exist;
183
- const imgClasses = dropShadow?.querySelector('img')?.classList;
184
- expect(imgClasses?.contains('blur')).to.be.false;
185
- });
186
- });
187
- //# sourceMappingURL=item-image.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"item-image.test.js","sourceRoot":"","sources":["../../test/item-image.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport { TileModel } from '../src/models';\nimport type { ItemImage } from '../src/tiles/item-image';\n\nimport '../src/tiles/item-image';\nimport { MediaType } from '@internetarchive/field-parsers';\n\nconst baseImageUrl = 'https://archive.org';\nconst testBookModel: TileModel = new TileModel({});\ntestBookModel.checked = false;\ntestBookModel.collections = [];\ntestBookModel.commentCount = 0;\ntestBookModel.creators = [];\ntestBookModel.favCount = 0;\ntestBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';\ntestBookModel.itemCount = 0;\ntestBookModel.mediatype = 'texts';\ntestBookModel.subjects = [];\ntestBookModel.title = 'Sample Waveform';\ntestBookModel.viewCount = 0;\ntestBookModel.loginRequired = false;\ntestBookModel.contentWarning = false;\ntestBookModel.collectionFilesCount = 0;\ntestBookModel.collectionSize = 0;\n\nconst testAudioModel: TileModel = new TileModel({});\ntestAudioModel.checked = false;\ntestAudioModel.collections = [];\ntestAudioModel.commentCount = 0;\ntestAudioModel.creators = [];\ntestAudioModel.favCount = 0;\ntestAudioModel.identifier = 'dwd2015-01-24';\ntestAudioModel.itemCount = 0;\ntestAudioModel.mediatype = 'audio';\ntestAudioModel.subjects = [];\ntestAudioModel.title = 'Sample Waveform';\ntestAudioModel.viewCount = 0;\ntestAudioModel.loginRequired = false;\ntestAudioModel.contentWarning = false;\ntestAudioModel.collectionFilesCount = 0;\ntestAudioModel.collectionSize = 0;\n\ndescribe('ItemImage component', () => {\n it('should render initial component', async () => {\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${testBookModel}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n const imgClassName = dropShadow?.querySelector('img')?.className;\n\n expect(dropShadow).to.exist;\n expect(imgClassName).to.eql(' contain ');\n });\n\n it('should render component if mediatype is waveform', async () => {\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${testAudioModel}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n const image = dropShadow?.querySelector('img');\n expect(dropShadow).to.exist;\n expect(image).to.exist;\n\n // simulate image onLoad event check if image className is waveform\n setTimeout(() => {\n const imgClassName = image?.className;\n expect(imgClassName).to.eql(' waveform ');\n }, 1000);\n });\n\n it('should not fetch image with undefined base url', async () => {\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${testBookModel}\n >\n </item-image>\n `);\n\n // Doesn't set the image src if base url is undefined\n const img = el.shadowRoot?.querySelector('img');\n expect(img).to.exist;\n expect(img?.getAttribute('src')).not.to.exist;\n });\n\n it('should not fetch image with undefined model', async () => {\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n // Doesn't set the image src if model is not present\n const img = el.shadowRoot?.querySelector('img');\n expect(img).to.exist;\n expect(img?.getAttribute('src')).not.to.exist;\n });\n\n it('should not fetch image with undefined identifier', async () => {\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${{}}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n // Doesn't set the image src if identifier is not present\n const img = el.shadowRoot?.querySelector('img');\n expect(img).to.exist;\n expect(img?.getAttribute('src')).not.to.exist;\n });\n\n it('should blur image if login required flag set', async () => {\n const model = new TileModel({ identifier: 'foo' });\n model.loginRequired = true;\n\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${model}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n expect(dropShadow).to.exist;\n\n const imgClasses = dropShadow?.querySelector('img')?.classList;\n expect(imgClasses?.contains('blur')).to.be.true;\n });\n\n it('should blur image if content warning flag set', async () => {\n const model = new TileModel({ identifier: 'foo' });\n model.contentWarning = true;\n\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${model}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n expect(dropShadow).to.exist;\n\n const imgClasses = dropShadow?.querySelector('img')?.classList;\n expect(imgClasses?.contains('blur')).to.be.true;\n });\n\n it('should not blur image if no login required nor content warning', async () => {\n const model = new TileModel({ identifier: 'foo' });\n\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${model}\n .baseImageUrl=${baseImageUrl}\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n expect(dropShadow).to.exist;\n\n const imgClasses = dropShadow?.querySelector('img')?.classList;\n expect(imgClasses?.contains('blur')).to.be.false;\n });\n\n it('should not blur image if blurring is suppressed, regardless of content flags', async () => {\n const model = new TileModel({ identifier: 'foo' });\n model.loginRequired = true;\n model.contentWarning = true;\n\n const el = await fixture<ItemImage>(html`\n <item-image\n .isListTile=${false}\n .isCompactTile=${false}\n .model=${model}\n .baseImageUrl=${baseImageUrl}\n suppressBlurring\n >\n </item-image>\n `);\n\n const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n expect(dropShadow).to.exist;\n\n const imgClasses = dropShadow?.querySelector('img')?.classList;\n expect(imgClasses?.contains('blur')).to.be.false;\n });\n});\n"]}
@@ -1,3 +0,0 @@
1
- import '../../src/manage/manage-bar';
2
- import '../../src/manage/remove-items-modal-content';
3
- import '@internetarchive/modal-manager';