@internetarchive/collection-browser 4.5.1-alpha-webdev8221.0 → 4.5.2

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 (69) hide show
  1. package/dist/index.js.map +1 -1
  2. package/dist/src/app-root.js +683 -683
  3. package/dist/src/app-root.js.map +1 -1
  4. package/dist/src/collection-browser.js +766 -766
  5. package/dist/src/collection-browser.js.map +1 -1
  6. package/dist/src/collection-facets/facet-row.js +143 -143
  7. package/dist/src/collection-facets/facet-row.js.map +1 -1
  8. package/dist/src/collection-facets/facets-template.js +24 -24
  9. package/dist/src/collection-facets/facets-template.js.map +1 -1
  10. package/dist/src/data-source/collection-browser-data-source-interface.js.map +1 -1
  11. package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
  12. package/dist/src/restoration-state-handler.js.map +1 -1
  13. package/dist/src/styles/tile-action-styles.js +43 -43
  14. package/dist/src/styles/tile-action-styles.js.map +1 -1
  15. package/dist/src/tiles/base-tile-component.js +11 -11
  16. package/dist/src/tiles/base-tile-component.js.map +1 -1
  17. package/dist/src/tiles/grid/item-tile.js +138 -138
  18. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  19. package/dist/src/tiles/hover/hover-pane-controller.js +31 -29
  20. package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
  21. package/dist/src/tiles/list/tile-list-compact-header.js +62 -62
  22. package/dist/src/tiles/list/tile-list-compact-header.js.map +1 -1
  23. package/dist/src/tiles/list/tile-list-compact.js +123 -123
  24. package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
  25. package/dist/src/tiles/list/tile-list.js +310 -310
  26. package/dist/src/tiles/list/tile-list.js.map +1 -1
  27. package/dist/src/tiles/models.js.map +1 -1
  28. package/dist/src/tiles/tile-dispatcher.js +286 -286
  29. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  30. package/dist/src/tiles/tile-display-value-provider.js.map +1 -1
  31. package/dist/src/utils/date-filter-field.js.map +1 -1
  32. package/dist/test/collection-browser.test.js +203 -203
  33. package/dist/test/collection-browser.test.js.map +1 -1
  34. package/dist/test/collection-facets/facet-row.test.js +31 -31
  35. package/dist/test/collection-facets/facet-row.test.js.map +1 -1
  36. package/dist/test/tiles/grid/item-tile.test.js +77 -77
  37. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  38. package/dist/test/tiles/hover/hover-pane-controller.test.js +54 -27
  39. package/dist/test/tiles/hover/hover-pane-controller.test.js.map +1 -1
  40. package/dist/test/tiles/list/tile-list.test.js +134 -134
  41. package/dist/test/tiles/list/tile-list.test.js.map +1 -1
  42. package/dist/test/tiles/tile-dispatcher.test.js +92 -92
  43. package/dist/test/tiles/tile-dispatcher.test.js.map +1 -1
  44. package/index.ts +29 -29
  45. package/package.json +1 -1
  46. package/src/app-root.ts +1284 -1284
  47. package/src/collection-browser.ts +3165 -3165
  48. package/src/collection-facets/facet-row.ts +309 -309
  49. package/src/collection-facets/facets-template.ts +85 -85
  50. package/src/data-source/collection-browser-data-source-interface.ts +351 -351
  51. package/src/data-source/collection-browser-data-source.ts +1474 -1474
  52. package/src/restoration-state-handler.ts +550 -550
  53. package/src/styles/tile-action-styles.ts +59 -59
  54. package/src/tiles/base-tile-component.ts +124 -124
  55. package/src/tiles/grid/item-tile.ts +347 -347
  56. package/src/tiles/hover/hover-pane-controller.ts +630 -628
  57. package/src/tiles/list/tile-list-compact-header.ts +112 -112
  58. package/src/tiles/list/tile-list-compact.ts +278 -278
  59. package/src/tiles/list/tile-list.ts +718 -718
  60. package/src/tiles/models.ts +21 -21
  61. package/src/tiles/tile-dispatcher.ts +637 -637
  62. package/src/tiles/tile-display-value-provider.ts +133 -133
  63. package/src/utils/date-filter-field.ts +11 -11
  64. package/test/collection-browser.test.ts +2639 -2639
  65. package/test/collection-facets/facet-row.test.ts +421 -421
  66. package/test/tiles/grid/item-tile.test.ts +520 -520
  67. package/test/tiles/hover/hover-pane-controller.test.ts +454 -418
  68. package/test/tiles/list/tile-list.test.ts +576 -576
  69. package/test/tiles/tile-dispatcher.test.ts +320 -320
@@ -75,10 +75,10 @@ describe('Facet row', () => {
75
75
  state: 'none',
76
76
  count: 5,
77
77
  };
78
- const el = await fixture(html `<facet-row
79
- .facetType=${'subject'}
80
- .bucket=${bucket}
81
- omitHideButton
78
+ const el = await fixture(html `<facet-row
79
+ .facetType=${'subject'}
80
+ .bucket=${bucket}
81
+ omitHideButton
82
82
  ></facet-row>`);
83
83
  // Hide button's container is hidden
84
84
  expect(el.shadowRoot
@@ -91,10 +91,10 @@ describe('Facet row', () => {
91
91
  state: 'hidden',
92
92
  count: 5,
93
93
  };
94
- const el = await fixture(html `<facet-row
95
- .facetType=${'subject'}
96
- .bucket=${bucket}
97
- omitHideButton
94
+ const el = await fixture(html `<facet-row
95
+ .facetType=${'subject'}
96
+ .bucket=${bucket}
97
+ omitHideButton
98
98
  ></facet-row>`);
99
99
  // Hide button's container is NOT hidden (i.e., we SHOW the hide button like normal)
100
100
  expect(el.shadowRoot
@@ -127,9 +127,9 @@ describe('Facet row', () => {
127
127
  state: 'none',
128
128
  count: 5,
129
129
  };
130
- const el = await fixture(html `<facet-row
131
- .facetType=${'collection'}
132
- .bucket=${bucket}
130
+ const el = await fixture(html `<facet-row
131
+ .facetType=${'collection'}
132
+ .bucket=${bucket}
133
133
  ></facet-row>`);
134
134
  const collectionName = el.shadowRoot?.querySelector('.facet-title > a:link');
135
135
  expect(collectionName).to.exist;
@@ -151,10 +151,10 @@ describe('Facet row', () => {
151
151
  state: 'none',
152
152
  count: 5,
153
153
  };
154
- const el = await fixture(html `<facet-row
155
- .facetType=${'subject'}
156
- .bucket=${bucket}
157
- @facetClick=${facetClickSpy}
154
+ const el = await fixture(html `<facet-row
155
+ .facetType=${'subject'}
156
+ .bucket=${bucket}
157
+ @facetClick=${facetClickSpy}
158
158
  ></facet-row>`);
159
159
  const positiveFacetCheck = el.shadowRoot?.querySelector('.select-facet-checkbox');
160
160
  expect(positiveFacetCheck).to.exist;
@@ -177,10 +177,10 @@ describe('Facet row', () => {
177
177
  state: 'selected',
178
178
  count: 5,
179
179
  };
180
- const el = await fixture(html `<facet-row
181
- .facetType=${'subject'}
182
- .bucket=${bucket}
183
- @facetClick=${facetClickSpy}
180
+ const el = await fixture(html `<facet-row
181
+ .facetType=${'subject'}
182
+ .bucket=${bucket}
183
+ @facetClick=${facetClickSpy}
184
184
  ></facet-row>`);
185
185
  const positiveFacetCheck = el.shadowRoot?.querySelector('.select-facet-checkbox');
186
186
  expect(positiveFacetCheck).to.exist;
@@ -203,10 +203,10 @@ describe('Facet row', () => {
203
203
  state: 'none',
204
204
  count: 5,
205
205
  };
206
- const el = await fixture(html `<facet-row
207
- .facetType=${'subject'}
208
- .bucket=${bucket}
209
- @facetClick=${facetClickSpy}
206
+ const el = await fixture(html `<facet-row
207
+ .facetType=${'subject'}
208
+ .bucket=${bucket}
209
+ @facetClick=${facetClickSpy}
210
210
  ></facet-row>`);
211
211
  const negativeFacetIcon = el.shadowRoot?.querySelector('.hide-facet-icon');
212
212
  expect(negativeFacetIcon).to.exist;
@@ -229,10 +229,10 @@ describe('Facet row', () => {
229
229
  state: 'hidden',
230
230
  count: 5,
231
231
  };
232
- const el = await fixture(html `<facet-row
233
- .facetType=${'subject'}
234
- .bucket=${bucket}
235
- @facetClick=${facetClickSpy}
232
+ const el = await fixture(html `<facet-row
233
+ .facetType=${'subject'}
234
+ .bucket=${bucket}
235
+ @facetClick=${facetClickSpy}
236
236
  ></facet-row>`);
237
237
  const negativeFacetIcon = el.shadowRoot?.querySelector('.hide-facet-icon');
238
238
  expect(negativeFacetIcon).to.exist;
@@ -255,10 +255,10 @@ describe('Facet row', () => {
255
255
  state: 'none',
256
256
  count: 5,
257
257
  };
258
- const el = await fixture(html `<facet-row
259
- .facetType=${'subject'}
260
- .bucket=${bucket}
261
- @facetClick=${facetClickSpy}
258
+ const el = await fixture(html `<facet-row
259
+ .facetType=${'subject'}
260
+ .bucket=${bucket}
261
+ @facetClick=${facetClickSpy}
262
262
  ></facet-row>`);
263
263
  const facetLabel = el.shadowRoot?.querySelector('.facet-info-display');
264
264
  expect(facetLabel).to.exist;
@@ -1 +1 @@
1
- {"version":3,"file":"facet-row.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facet-row.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { FacetRow } from '../../src/collection-facets/facet-row';\nimport '../../src/collection-facets/facet-row';\nimport type { FacetState } from '../../src/models';\n\ndescribe('Facet row', () => {\n it('renders nothing if no bucket provided', async () => {\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'}></facet-row>`,\n );\n\n expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n });\n\n it('renders nothing if no facet type provided', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .bucket=${bucket}></facet-row>`,\n );\n\n expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n });\n\n it('renders provided bucket as facet row', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;\n expect(\n el.shadowRoot?.querySelectorAll('input[type=\"checkbox\"]'),\n ).to.have.length(2);\n expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);\n\n const labelText = el.shadowRoot?.querySelector('.facet-info-display');\n expect(labelText?.textContent?.trim()).to.match(/^foo\\s*5$/);\n });\n\n it('renders locale-appropriate facet count', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 54321,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n const facetCount = el.shadowRoot?.querySelector('.facet-count');\n expect(facetCount?.textContent).to.equal('54,321');\n });\n\n it('renders selected facets with checked checkbox', async () => {\n const bucket = {\n key: 'foo',\n state: 'selected' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n // \"Positive\" checkbox is checked; \"Negative\" checkbox is not checked\n const selectCheckbox = el.shadowRoot?.querySelector(\n '.select-facet-checkbox',\n ) as HTMLInputElement;\n const hideCheckbox = el.shadowRoot?.querySelector(\n '.hide-facet-checkbox',\n ) as HTMLInputElement;\n expect(selectCheckbox?.checked).to.be.true;\n expect(hideCheckbox?.checked).to.be.false;\n\n // Eye icon is not in its active state\n expect(\n el.shadowRoot?.querySelector('.hide-facet-icon'),\n ).to.exist.and.satisfy(\n (icon: HTMLElement) => !icon.classList.contains('active'),\n );\n });\n\n it('renders hidden facets with closed eye icon', async () => {\n const bucket = {\n key: 'foo',\n state: 'hidden' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n // \"Positive\" checkbox is not checked; \"Negative\" checkbox is checked\n const selectCheckbox = el.shadowRoot?.querySelector(\n '.select-facet-checkbox',\n ) as HTMLInputElement;\n const hideCheckbox = el.shadowRoot?.querySelector(\n '.hide-facet-checkbox',\n ) as HTMLInputElement;\n expect(selectCheckbox?.checked).to.be.false;\n expect(hideCheckbox?.checked).to.be.true;\n\n // Eye icon is in its \"active\" state\n expect(\n el.shadowRoot?.querySelector('.hide-facet-icon'),\n ).to.exist.and.satisfy((icon: HTMLElement) =>\n icon.classList.contains('active'),\n );\n });\n\n it('omits hide button when property is specified (and facet state is not hidden)', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n omitHideButton\n ></facet-row>`,\n );\n\n // Hide button's container is hidden\n expect(\n el.shadowRoot\n ?.querySelector('.hide-facet-container')\n ?.hasAttribute('hidden'),\n ).to.be.true;\n });\n\n it('does not omit hide button when facet state is hidden, even if property specified', async () => {\n const bucket = {\n key: 'foo',\n state: 'hidden' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n omitHideButton\n ></facet-row>`,\n );\n\n // Hide button's container is NOT hidden (i.e., we SHOW the hide button like normal)\n expect(\n el.shadowRoot\n ?.querySelector('.hide-facet-container')\n ?.hasAttribute('hidden'),\n ).to.be.false;\n });\n\n it('renders correct accessible label for unchecked negative facets', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);\n });\n\n it('renders correct accessible label for checked negative facets', async () => {\n const bucket = {\n key: 'foo',\n state: 'hidden' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n expect(hideFacetLabel?.textContent?.trim()).to.match(\n /^Unhide subject: foo$/,\n );\n });\n\n it('renders collection facets as links', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'collection'}\n .bucket=${bucket}\n ></facet-row>`,\n );\n\n const collectionName = el.shadowRoot?.querySelector(\n '.facet-title > a:link',\n );\n expect(collectionName).to.exist;\n expect(collectionName?.getAttribute('href')).to.equal('/details/foo');\n });\n\n it('does not render non-collection facets as links', async () => {\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n );\n\n expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;\n });\n\n it('emits event when facet checkbox is clicked', async () => {\n const facetClickSpy = sinon.spy();\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n @facetClick=${facetClickSpy}\n ></facet-row>`,\n );\n\n const positiveFacetCheck = el.shadowRoot?.querySelector(\n '.select-facet-checkbox',\n ) as HTMLInputElement;\n expect(positiveFacetCheck).to.exist;\n positiveFacetCheck.click();\n\n expect(facetClickSpy.callCount).to.equal(1);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'selected',\n count: 5,\n },\n negative: false,\n });\n });\n\n it('emits event when facet checkbox is unchecked', async () => {\n const facetClickSpy = sinon.spy();\n const bucket = {\n key: 'foo',\n state: 'selected' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n @facetClick=${facetClickSpy}\n ></facet-row>`,\n );\n\n const positiveFacetCheck = el.shadowRoot?.querySelector(\n '.select-facet-checkbox',\n ) as HTMLInputElement;\n expect(positiveFacetCheck).to.exist;\n positiveFacetCheck.click();\n\n expect(facetClickSpy.callCount).to.equal(1);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'none',\n count: 5,\n },\n negative: false,\n });\n });\n\n it('emits event when facet negative icon is clicked', async () => {\n const facetClickSpy = sinon.spy();\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n @facetClick=${facetClickSpy}\n ></facet-row>`,\n );\n\n const negativeFacetIcon = el.shadowRoot?.querySelector(\n '.hide-facet-icon',\n ) as HTMLLabelElement;\n expect(negativeFacetIcon).to.exist;\n negativeFacetIcon.click();\n\n expect(facetClickSpy.callCount).to.equal(1);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'hidden',\n count: 5,\n },\n negative: true,\n });\n });\n\n it('emits event when facet negative icon is unchecked', async () => {\n const facetClickSpy = sinon.spy();\n const bucket = {\n key: 'foo',\n state: 'hidden' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n @facetClick=${facetClickSpy}\n ></facet-row>`,\n );\n\n const negativeFacetIcon = el.shadowRoot?.querySelector(\n '.hide-facet-icon',\n ) as HTMLLabelElement;\n expect(negativeFacetIcon).to.exist;\n negativeFacetIcon.click();\n\n expect(facetClickSpy.callCount).to.equal(1);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'none',\n count: 5,\n },\n negative: true,\n });\n });\n\n it('selects/deselects facet when label is clicked', async () => {\n const facetClickSpy = sinon.spy();\n const bucket = {\n key: 'foo',\n state: 'none' as FacetState,\n count: 5,\n };\n\n const el = await fixture<FacetRow>(\n html`<facet-row\n .facetType=${'subject'}\n .bucket=${bucket}\n @facetClick=${facetClickSpy}\n ></facet-row>`,\n );\n\n const facetLabel = el.shadowRoot?.querySelector(\n '.facet-info-display',\n ) as HTMLLabelElement;\n expect(facetLabel).to.exist;\n\n // Select facet by clicking label\n facetLabel.click();\n expect(facetClickSpy.callCount).to.equal(1);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'selected',\n count: 5,\n },\n negative: false,\n });\n\n // Deselect facet by clicking label\n facetLabel.click();\n expect(facetClickSpy.callCount).to.equal(2);\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n facetType: 'subject',\n bucket: {\n key: 'foo',\n state: 'none',\n count: 5,\n },\n negative: false,\n });\n });\n});\n"]}
1
+ {"version":3,"file":"facet-row.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facet-row.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport sinon from 'sinon';\r\nimport { html } from 'lit';\r\nimport type { FacetRow } from '../../src/collection-facets/facet-row';\r\nimport '../../src/collection-facets/facet-row';\r\nimport type { FacetState } from '../../src/models';\r\n\r\ndescribe('Facet row', () => {\r\n it('renders nothing if no bucket provided', async () => {\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'}></facet-row>`,\r\n );\r\n\r\n expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\r\n });\r\n\r\n it('renders nothing if no facet type provided', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\r\n });\r\n\r\n it('renders provided bucket as facet row', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;\r\n expect(\r\n el.shadowRoot?.querySelectorAll('input[type=\"checkbox\"]'),\r\n ).to.have.length(2);\r\n expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);\r\n\r\n const labelText = el.shadowRoot?.querySelector('.facet-info-display');\r\n expect(labelText?.textContent?.trim()).to.match(/^foo\\s*5$/);\r\n });\r\n\r\n it('renders locale-appropriate facet count', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 54321,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n const facetCount = el.shadowRoot?.querySelector('.facet-count');\r\n expect(facetCount?.textContent).to.equal('54,321');\r\n });\r\n\r\n it('renders selected facets with checked checkbox', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'selected' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n // \"Positive\" checkbox is checked; \"Negative\" checkbox is not checked\r\n const selectCheckbox = el.shadowRoot?.querySelector(\r\n '.select-facet-checkbox',\r\n ) as HTMLInputElement;\r\n const hideCheckbox = el.shadowRoot?.querySelector(\r\n '.hide-facet-checkbox',\r\n ) as HTMLInputElement;\r\n expect(selectCheckbox?.checked).to.be.true;\r\n expect(hideCheckbox?.checked).to.be.false;\r\n\r\n // Eye icon is not in its active state\r\n expect(\r\n el.shadowRoot?.querySelector('.hide-facet-icon'),\r\n ).to.exist.and.satisfy(\r\n (icon: HTMLElement) => !icon.classList.contains('active'),\r\n );\r\n });\r\n\r\n it('renders hidden facets with closed eye icon', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'hidden' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n // \"Positive\" checkbox is not checked; \"Negative\" checkbox is checked\r\n const selectCheckbox = el.shadowRoot?.querySelector(\r\n '.select-facet-checkbox',\r\n ) as HTMLInputElement;\r\n const hideCheckbox = el.shadowRoot?.querySelector(\r\n '.hide-facet-checkbox',\r\n ) as HTMLInputElement;\r\n expect(selectCheckbox?.checked).to.be.false;\r\n expect(hideCheckbox?.checked).to.be.true;\r\n\r\n // Eye icon is in its \"active\" state\r\n expect(\r\n el.shadowRoot?.querySelector('.hide-facet-icon'),\r\n ).to.exist.and.satisfy((icon: HTMLElement) =>\r\n icon.classList.contains('active'),\r\n );\r\n });\r\n\r\n it('omits hide button when property is specified (and facet state is not hidden)', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n omitHideButton\r\n ></facet-row>`,\r\n );\r\n\r\n // Hide button's container is hidden\r\n expect(\r\n el.shadowRoot\r\n ?.querySelector('.hide-facet-container')\r\n ?.hasAttribute('hidden'),\r\n ).to.be.true;\r\n });\r\n\r\n it('does not omit hide button when facet state is hidden, even if property specified', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'hidden' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n omitHideButton\r\n ></facet-row>`,\r\n );\r\n\r\n // Hide button's container is NOT hidden (i.e., we SHOW the hide button like normal)\r\n expect(\r\n el.shadowRoot\r\n ?.querySelector('.hide-facet-container')\r\n ?.hasAttribute('hidden'),\r\n ).to.be.false;\r\n });\r\n\r\n it('renders correct accessible label for unchecked negative facets', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\r\n expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);\r\n });\r\n\r\n it('renders correct accessible label for checked negative facets', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'hidden' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\r\n expect(hideFacetLabel?.textContent?.trim()).to.match(\r\n /^Unhide subject: foo$/,\r\n );\r\n });\r\n\r\n it('renders collection facets as links', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'collection'}\r\n .bucket=${bucket}\r\n ></facet-row>`,\r\n );\r\n\r\n const collectionName = el.shadowRoot?.querySelector(\r\n '.facet-title > a:link',\r\n );\r\n expect(collectionName).to.exist;\r\n expect(collectionName?.getAttribute('href')).to.equal('/details/foo');\r\n });\r\n\r\n it('does not render non-collection facets as links', async () => {\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\r\n );\r\n\r\n expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;\r\n });\r\n\r\n it('emits event when facet checkbox is clicked', async () => {\r\n const facetClickSpy = sinon.spy();\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n @facetClick=${facetClickSpy}\r\n ></facet-row>`,\r\n );\r\n\r\n const positiveFacetCheck = el.shadowRoot?.querySelector(\r\n '.select-facet-checkbox',\r\n ) as HTMLInputElement;\r\n expect(positiveFacetCheck).to.exist;\r\n positiveFacetCheck.click();\r\n\r\n expect(facetClickSpy.callCount).to.equal(1);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'selected',\r\n count: 5,\r\n },\r\n negative: false,\r\n });\r\n });\r\n\r\n it('emits event when facet checkbox is unchecked', async () => {\r\n const facetClickSpy = sinon.spy();\r\n const bucket = {\r\n key: 'foo',\r\n state: 'selected' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n @facetClick=${facetClickSpy}\r\n ></facet-row>`,\r\n );\r\n\r\n const positiveFacetCheck = el.shadowRoot?.querySelector(\r\n '.select-facet-checkbox',\r\n ) as HTMLInputElement;\r\n expect(positiveFacetCheck).to.exist;\r\n positiveFacetCheck.click();\r\n\r\n expect(facetClickSpy.callCount).to.equal(1);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'none',\r\n count: 5,\r\n },\r\n negative: false,\r\n });\r\n });\r\n\r\n it('emits event when facet negative icon is clicked', async () => {\r\n const facetClickSpy = sinon.spy();\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n @facetClick=${facetClickSpy}\r\n ></facet-row>`,\r\n );\r\n\r\n const negativeFacetIcon = el.shadowRoot?.querySelector(\r\n '.hide-facet-icon',\r\n ) as HTMLLabelElement;\r\n expect(negativeFacetIcon).to.exist;\r\n negativeFacetIcon.click();\r\n\r\n expect(facetClickSpy.callCount).to.equal(1);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'hidden',\r\n count: 5,\r\n },\r\n negative: true,\r\n });\r\n });\r\n\r\n it('emits event when facet negative icon is unchecked', async () => {\r\n const facetClickSpy = sinon.spy();\r\n const bucket = {\r\n key: 'foo',\r\n state: 'hidden' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n @facetClick=${facetClickSpy}\r\n ></facet-row>`,\r\n );\r\n\r\n const negativeFacetIcon = el.shadowRoot?.querySelector(\r\n '.hide-facet-icon',\r\n ) as HTMLLabelElement;\r\n expect(negativeFacetIcon).to.exist;\r\n negativeFacetIcon.click();\r\n\r\n expect(facetClickSpy.callCount).to.equal(1);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'none',\r\n count: 5,\r\n },\r\n negative: true,\r\n });\r\n });\r\n\r\n it('selects/deselects facet when label is clicked', async () => {\r\n const facetClickSpy = sinon.spy();\r\n const bucket = {\r\n key: 'foo',\r\n state: 'none' as FacetState,\r\n count: 5,\r\n };\r\n\r\n const el = await fixture<FacetRow>(\r\n html`<facet-row\r\n .facetType=${'subject'}\r\n .bucket=${bucket}\r\n @facetClick=${facetClickSpy}\r\n ></facet-row>`,\r\n );\r\n\r\n const facetLabel = el.shadowRoot?.querySelector(\r\n '.facet-info-display',\r\n ) as HTMLLabelElement;\r\n expect(facetLabel).to.exist;\r\n\r\n // Select facet by clicking label\r\n facetLabel.click();\r\n expect(facetClickSpy.callCount).to.equal(1);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'selected',\r\n count: 5,\r\n },\r\n negative: false,\r\n });\r\n\r\n // Deselect facet by clicking label\r\n facetLabel.click();\r\n expect(facetClickSpy.callCount).to.equal(2);\r\n expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\r\n facetType: 'subject',\r\n bucket: {\r\n key: 'foo',\r\n state: 'none',\r\n count: 5,\r\n },\r\n negative: false,\r\n });\r\n });\r\n});\r\n"]}
@@ -114,12 +114,12 @@ describe('Item Tile', () => {
114
114
  datePublished: new Date(2012, 0, 2),
115
115
  dateReviewed: new Date(2013, 0, 2),
116
116
  };
117
- const el = await fixture(html `
118
- <item-tile
119
- .model=${model}
120
- .sortParam=${{ field: 'date', direction: 'desc' }}
121
- >
122
- </item-tile>
117
+ const el = await fixture(html `
118
+ <item-tile
119
+ .model=${model}
120
+ .sortParam=${{ field: 'date', direction: 'desc' }}
121
+ >
122
+ </item-tile>
123
123
  `);
124
124
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
125
125
  expect(dateSortedBy).to.exist;
@@ -132,12 +132,12 @@ describe('Item Tile', () => {
132
132
  datePublished: new Date(2012, 0, 2),
133
133
  dateReviewed: new Date(2013, 0, 2),
134
134
  };
135
- const el = await fixture(html `
136
- <item-tile
137
- .model=${model}
138
- .sortParam=${{ field: 'addeddate', direction: 'desc' }}
139
- >
140
- </item-tile>
135
+ const el = await fixture(html `
136
+ <item-tile
137
+ .model=${model}
138
+ .sortParam=${{ field: 'addeddate', direction: 'desc' }}
139
+ >
140
+ </item-tile>
141
141
  `);
142
142
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
143
143
  expect(dateSortedBy).to.exist;
@@ -150,12 +150,12 @@ describe('Item Tile', () => {
150
150
  datePublished: new Date(2012, 0, 2),
151
151
  dateReviewed: new Date(2013, 0, 2),
152
152
  };
153
- const el = await fixture(html `
154
- <item-tile
155
- .model=${model}
156
- .sortParam=${{ field: 'publicdate', direction: 'desc' }}
157
- >
158
- </item-tile>
153
+ const el = await fixture(html `
154
+ <item-tile
155
+ .model=${model}
156
+ .sortParam=${{ field: 'publicdate', direction: 'desc' }}
157
+ >
158
+ </item-tile>
159
159
  `);
160
160
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
161
161
  expect(dateSortedBy).to.exist;
@@ -168,12 +168,12 @@ describe('Item Tile', () => {
168
168
  datePublished: new Date(2012, 0, 2),
169
169
  dateReviewed: new Date(2013, 0, 2),
170
170
  };
171
- const el = await fixture(html `
172
- <item-tile
173
- .model=${model}
174
- .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
175
- >
176
- </item-tile>
171
+ const el = await fixture(html `
172
+ <item-tile
173
+ .model=${model}
174
+ .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
175
+ >
176
+ </item-tile>
177
177
  `);
178
178
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
179
179
  expect(dateSortedBy).to.exist;
@@ -183,12 +183,12 @@ describe('Item Tile', () => {
183
183
  const model = {
184
184
  datePublished: new Date('2012-01-01T00:00:00Z'),
185
185
  };
186
- const el = await fixture(html `
187
- <item-tile
188
- .model=${model}
189
- .sortParam=${{ field: 'date', direction: 'desc' }}
190
- >
191
- </item-tile>
186
+ const el = await fixture(html `
187
+ <item-tile
188
+ .model=${model}
189
+ .sortParam=${{ field: 'date', direction: 'desc' }}
190
+ >
191
+ </item-tile>
192
192
  `);
193
193
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
194
194
  expect(dateSortedBy).to.exist;
@@ -201,12 +201,12 @@ describe('Item Tile', () => {
201
201
  datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
202
202
  dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
203
203
  };
204
- const el = await fixture(html `
205
- <item-tile
206
- .model=${model}
207
- .sortParam=${{ field: 'addeddate', direction: 'desc' }}
208
- >
209
- </item-tile>
204
+ const el = await fixture(html `
205
+ <item-tile
206
+ .model=${model}
207
+ .sortParam=${{ field: 'addeddate', direction: 'desc' }}
208
+ >
209
+ </item-tile>
210
210
  `);
211
211
  let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
212
212
  expect(dateSortedBy).to.exist;
@@ -226,12 +226,12 @@ describe('Item Tile', () => {
226
226
  const model = {
227
227
  datePublished: new Date('2012-02-15T00:00:00Z'),
228
228
  };
229
- const el = await fixture(html `
230
- <item-tile
231
- .model=${model}
232
- .sortParam=${{ field: 'date', direction: 'desc' }}
233
- >
234
- </item-tile>
229
+ const el = await fixture(html `
230
+ <item-tile
231
+ .model=${model}
232
+ .sortParam=${{ field: 'date', direction: 'desc' }}
233
+ >
234
+ </item-tile>
235
235
  `);
236
236
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
237
237
  expect(dateSortedBy).to.exist;
@@ -259,13 +259,13 @@ describe('Item Tile', () => {
259
259
  const model = {
260
260
  datePublished,
261
261
  };
262
- const el = await fixture(html `
263
- <item-tile
264
- useLocalTime
265
- .model=${model}
266
- .sortParam=${{ field: 'date', direction: 'desc' }}
267
- >
268
- </item-tile>
262
+ const el = await fixture(html `
263
+ <item-tile
264
+ useLocalTime
265
+ .model=${model}
266
+ .sortParam=${{ field: 'date', direction: 'desc' }}
267
+ >
268
+ </item-tile>
269
269
  `);
270
270
  const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
271
271
  expect(dateSortedBy).to.exist;
@@ -276,17 +276,17 @@ describe('Item Tile', () => {
276
276
  creator: 'foo',
277
277
  creators: ['foo', 'bar', 'baz'],
278
278
  };
279
- const el = await fixture(html `
280
- <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>
279
+ const el = await fixture(html `
280
+ <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>
281
281
  `);
282
282
  const creator = el.shadowRoot?.querySelector('.created-by');
283
283
  expect(creator).to.exist;
284
284
  expect(creator?.textContent?.trim()).to.match(/by\s+bar/);
285
285
  });
286
286
  it('should render with snippet block when it has snippets', async () => {
287
- const el = await fixture(html `
288
- <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
289
- </item-tile>
287
+ const el = await fixture(html `
288
+ <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
289
+ </item-tile>
290
290
  `);
291
291
  const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');
292
292
  expect(snippetBlock).to.exist;
@@ -297,17 +297,17 @@ describe('Item Tile', () => {
297
297
  expect(snippetBlock).to.not.exist;
298
298
  });
299
299
  it('should render info button when showInfoButton flag is set', async () => {
300
- const el = await fixture(html `
301
- <item-tile ?showInfoButton=${true}> </item-tile>
300
+ const el = await fixture(html `
301
+ <item-tile ?showInfoButton=${true}> </item-tile>
302
302
  `);
303
303
  const infoButton = el.shadowRoot?.querySelector('.info-button');
304
304
  expect(infoButton).to.exist;
305
305
  });
306
306
  it('should dispatch event when info button tapped', async () => {
307
307
  const infoButtonSpy = sinon.spy();
308
- const el = await fixture(html `
309
- <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
310
- </item-tile>
308
+ const el = await fixture(html `
309
+ <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
310
+ </item-tile>
311
311
  `);
312
312
  const infoButton = el.shadowRoot?.querySelector('.info-button');
313
313
  infoButton.click();
@@ -315,8 +315,8 @@ describe('Item Tile', () => {
315
315
  expect(infoButtonSpy.callCount).to.equal(1);
316
316
  });
317
317
  it('should render with volume/issue view', async () => {
318
- const el = await fixture(html `
319
- <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>
318
+ const el = await fixture(html `
319
+ <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>
320
320
  `);
321
321
  const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');
322
322
  expect(volumeIssueBlock).to.exist;
@@ -331,14 +331,14 @@ describe('Item Tile', () => {
331
331
  new Date('2010-01-02T12:34:56Z'),
332
332
  new Date('2011-02-03T12:43:21Z'),
333
333
  ];
334
- const el = await fixture(html `
335
- <item-tile
334
+ const el = await fixture(html `
335
+ <item-tile
336
336
  .model=${{
337
337
  identifier: 'foo',
338
338
  title: 'https://example.com/',
339
339
  captureDates,
340
- }}
341
- ></item-tile>
340
+ }}
341
+ ></item-tile>
342
342
  `);
343
343
  const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
344
344
  expect(captureDatesUl, 'capture dates container').to.exist;
@@ -357,13 +357,13 @@ describe('Item Tile', () => {
357
357
  new Date('2010-01-02T12:34:56Z'),
358
358
  new Date('2011-02-03T12:43:21Z'),
359
359
  ];
360
- const el = await fixture(html `
361
- <item-tile
360
+ const el = await fixture(html `
361
+ <item-tile
362
362
  .model=${{
363
363
  identifier: 'foo',
364
364
  captureDates,
365
- }}
366
- ></item-tile>
365
+ }}
366
+ ></item-tile>
367
367
  `);
368
368
  const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
369
369
  expect(captureDatesUl).not.to.exist;
@@ -374,24 +374,24 @@ describe('Item Tile', () => {
374
374
  body: 'foo bar baz',
375
375
  stars: 3,
376
376
  };
377
- const el = await fixture(html `
378
- <item-tile
377
+ const el = await fixture(html `
378
+ <item-tile
379
379
  .model=${{
380
380
  identifier: 'foo',
381
381
  review,
382
- }}
383
- ></item-tile>
382
+ }}
383
+ ></item-tile>
384
384
  `);
385
385
  const reviewBlock = el.shadowRoot?.querySelector('review-block');
386
386
  expect(reviewBlock).to.exist;
387
387
  });
388
388
  it('should not render review snippet block when no review is present', async () => {
389
- const el = await fixture(html `
390
- <item-tile
389
+ const el = await fixture(html `
390
+ <item-tile
391
391
  .model=${{
392
392
  identifier: 'foo',
393
- }}
394
- ></item-tile>
393
+ }}
394
+ ></item-tile>
395
395
  `);
396
396
  const reviewBlock = el.shadowRoot?.querySelector('review-block');
397
397
  expect(reviewBlock).not.to.exist;