@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.
- package/dist/index.js.map +1 -1
- package/dist/src/app-root.js +683 -683
- package/dist/src/app-root.js.map +1 -1
- package/dist/src/collection-browser.js +766 -766
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-row.js +143 -143
- package/dist/src/collection-facets/facet-row.js.map +1 -1
- package/dist/src/collection-facets/facets-template.js +24 -24
- package/dist/src/collection-facets/facets-template.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source-interface.js.map +1 -1
- package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
- package/dist/src/restoration-state-handler.js.map +1 -1
- package/dist/src/styles/tile-action-styles.js +43 -43
- package/dist/src/styles/tile-action-styles.js.map +1 -1
- package/dist/src/tiles/base-tile-component.js +11 -11
- package/dist/src/tiles/base-tile-component.js.map +1 -1
- package/dist/src/tiles/grid/item-tile.js +138 -138
- package/dist/src/tiles/grid/item-tile.js.map +1 -1
- package/dist/src/tiles/hover/hover-pane-controller.js +31 -29
- package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact-header.js +62 -62
- package/dist/src/tiles/list/tile-list-compact-header.js.map +1 -1
- package/dist/src/tiles/list/tile-list-compact.js +123 -123
- package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
- package/dist/src/tiles/list/tile-list.js +310 -310
- package/dist/src/tiles/list/tile-list.js.map +1 -1
- package/dist/src/tiles/models.js.map +1 -1
- package/dist/src/tiles/tile-dispatcher.js +286 -286
- package/dist/src/tiles/tile-dispatcher.js.map +1 -1
- package/dist/src/tiles/tile-display-value-provider.js.map +1 -1
- package/dist/src/utils/date-filter-field.js.map +1 -1
- package/dist/test/collection-browser.test.js +203 -203
- package/dist/test/collection-browser.test.js.map +1 -1
- package/dist/test/collection-facets/facet-row.test.js +31 -31
- package/dist/test/collection-facets/facet-row.test.js.map +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +77 -77
- package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +54 -27
- package/dist/test/tiles/hover/hover-pane-controller.test.js.map +1 -1
- package/dist/test/tiles/list/tile-list.test.js +134 -134
- package/dist/test/tiles/list/tile-list.test.js.map +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js +92 -92
- package/dist/test/tiles/tile-dispatcher.test.js.map +1 -1
- package/index.ts +29 -29
- package/package.json +1 -1
- package/src/app-root.ts +1284 -1284
- package/src/collection-browser.ts +3165 -3165
- package/src/collection-facets/facet-row.ts +309 -309
- package/src/collection-facets/facets-template.ts +85 -85
- package/src/data-source/collection-browser-data-source-interface.ts +351 -351
- package/src/data-source/collection-browser-data-source.ts +1474 -1474
- package/src/restoration-state-handler.ts +550 -550
- package/src/styles/tile-action-styles.ts +59 -59
- package/src/tiles/base-tile-component.ts +124 -124
- package/src/tiles/grid/item-tile.ts +347 -347
- package/src/tiles/hover/hover-pane-controller.ts +630 -628
- package/src/tiles/list/tile-list-compact-header.ts +112 -112
- package/src/tiles/list/tile-list-compact.ts +278 -278
- package/src/tiles/list/tile-list.ts +718 -718
- package/src/tiles/models.ts +21 -21
- package/src/tiles/tile-dispatcher.ts +637 -637
- package/src/tiles/tile-display-value-provider.ts +133 -133
- package/src/utils/date-filter-field.ts +11 -11
- package/test/collection-browser.test.ts +2639 -2639
- package/test/collection-facets/facet-row.test.ts +421 -421
- package/test/tiles/grid/item-tile.test.ts +520 -520
- package/test/tiles/hover/hover-pane-controller.test.ts +454 -418
- package/test/tiles/list/tile-list.test.ts +576 -576
- 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;
|