@internetarchive/collection-browser 3.2.0 → 3.3.0

package/dist/test/tiles/list/tile-list.test.js

@@ -238,6 +238,57 @@ describe('List Tile', () => {
         expect(dateRow).to.exist;
         expect((_f = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.contain('Reviewed:  Jan 01, 2013');
     });
+    it('should display dates in UTC time zone by default', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date('2012-02-15T00:00:00Z'),
+        };
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
+    `);
+        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        expect(dateRow).to.exist;
+        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Published:  Feb 15, 2012');
+    });
+    it('should display dates in local time when useLocalTime option is true', async () => {
+        var _a, _b;
+        // Expected behavior depends on the time zone offset where the testing occurs
+        const offset = new Date().getTimezoneOffset();
+        let datePublished, expected;
+        if (offset > 0) {
+            // Positive local time zone offsets have earlier local dates than UTC
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Published:  Feb 14, 2012';
+        }
+        else if (offset < 0) {
+            // Negative local time zone offsets have later local dates than UTC
+            datePublished = new Date('2012-02-15T23:59:59Z');
+            expected = 'Published:  Feb 16, 2012';
+        }
+        else {
+            // Local time may just be UTC itself
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Published:  Feb 15, 2012';
+        }
+        const model = {
+            datePublished,
+        };
+        const el = await fixture(html `
+      <tile-list
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
+    `);
+        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        expect(dateRow).to.exist;
+        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain(expected);
+    });
     it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {
         var _a, _b, _c;
         const model = {

package/dist/test/tiles/list/tile-list.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-list.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mCAAmC,CAAC;AAG3C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,qBAAqB,EAAE,eAAe,CAC3C,CAAC;QAEF,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAE/D,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;qCACN,GAAG,kBAAkB,GAAG;KACxD,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;QACjE,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,eAAe,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;QAErE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC/D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;;QACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;6BAEd,EAAE;iBACd,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE;;KAE9C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAEzD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;6BAEd,EAAE;iBACd,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE;;KAE9C,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAE9D,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;0BACjB,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE;KAC9C,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAE9D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;;QACrE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;0BACjB,EAAE,QAAQ,EAAE,CAAC,yBAAyB,CAAC,EAAE;;KAE9D,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAExE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAElE,MAAM,YAAY,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAExE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;;QACxD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,EAAE,WAAW,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE;6BACxC,MAAM;;;KAG9B,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,aAAa,CAAC,CAAC;QACpE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAEhC,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACpE,MAAM,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC5D,kBAAkB,CACnB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,EAAE,WAAW,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE;6BACvB,MAAM;;;KAG9B,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,aAAa,CAAC,CAAC;QACpE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAEhC,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACpE,MAAM,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC5D,kBAAkB,CACnB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;qBAClC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;;QAC3D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGzD,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;;QAC9D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAG1D,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;;QAC9D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAG1D,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;;QACvF,MAAM,KAAK,GAAuB;YAChC,aAAa,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC;SAChD,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,KAAK,IAAI,EAAE;;QAC5F,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3C,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC9C,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC/C,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B,KAAK;qBACD,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGzD,CAAC,CAAC;QAEH,IAAI,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAExE,EAAE,CAAC,SAAS,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC1D,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QACtD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;QAE3E,EAAE,CAAC,SAAS,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC1D,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QACtD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wFAAwF,EAAE,KAAK,IAAI,EAAE;;QACtG,MAAM,KAAK,GAAuB;YAChC,QAAQ,EAAE,CAAC,KAAK,CAAC;YACjB,QAAQ,EAAE,CAAC,KAAK,CAAC;YACjB,MAAM,EAAE,KAAK;SACd,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;0BACjB,KAAK;KAC1B,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACpE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAChD,iBAAiB,kBAAkB,CAAC,eAAe,CAAC,EAAE,CACvD,CAAC;QAEF,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACrE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAChD,iBAAiB,kBAAkB,CAAC,eAAe,CAAC,EAAE,CACvD,CAAC;QAEF,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC/C,iBAAiB,kBAAkB,CAAC,cAAc,CAAC,EAAE,CACtD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;;QAC3E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;0BACjB,EAAE,WAAW,EAAE,cAAc,EAAE;KACpD,CAAC,CAAC;QAEH,MAAM,gBAAgB,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,aAAa,CAAC,CAAC;QACtE,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAClC,MAAM,CAAC,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,+BAA+B;IACxG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oFAAoF,EAAE,KAAK,IAAI,EAAE;;QAClG,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,OAAO;SACnB,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;6BAEd,qBAAqB;iBACjC,KAAK;;KAEjB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAClD,mCAAmC,CACpC,CAAC;QACF,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;;QACtF,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,OAAO;SACnB,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;sCACL,EAAE,WAAW,KAAK;KACnD,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;;QAC9E,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,YAAY;SACxB,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;6BAEd,qBAAqB;iBACjC,KAAK;;KAEjB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAClD,uEAAuE,CACxE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,SAAS;SACrB,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;6BAEd,qBAAqB;iBACjC,KAAK;;KAEjB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B;YACP,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;SAC3C;;;KAGJ,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC9B,MAAM,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,YAAY,GAAG;YACnB,IAAI,IAAI,CAAC,sBAAsB,CAAC;YAChC,IAAI,IAAI,CAAC,sBAAsB,CAAC;SACjC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B;YACP,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,sBAAsB;YAC7B,YAAY;SACb;;KAEJ,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACtE,MAAM,CAAC,cAAc,EAAE,yBAAyB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3D,MAAM,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEpD,MAAM,aAAa,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAClD,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAClD,yEAAyE,CAC1E,CAAC;QACF,MAAM,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEpE,MAAM,cAAc,GAClB,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACxD,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpD,MAAM,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACnD,yEAAyE,CAC1E,CAAC;QACF,MAAM,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;;QACrE,MAAM,YAAY,GAAG;YACnB,IAAI,IAAI,CAAC,sBAAsB,CAAC;YAChC,IAAI,IAAI,CAAC,sBAAsB,CAAC;SACjC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B;YACP,UAAU,EAAE,KAAK;YACjB,YAAY;SACb;;KAEJ,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACtE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;;QACvD,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,CAAC;SACT,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B;YACP,UAAU,EAAE,KAAK;YACjB,MAAM;SACP;;KAEJ,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;;QAChF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;iBAE1B;YACP,UAAU,EAAE,KAAK;SAClB;;KAEJ,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport type { TileList } from '../../../src/tiles/list/tile-list';\r\n\r\nimport '../../../src/tiles/list/tile-list';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('List Tile', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<TileList>(\r\n      html`<tile-list .model=${{}}></tile-list>`,\r\n    );\r\n\r\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(itemTitle).to.exist;\r\n    expect(imageBlock).to.exist;\r\n  });\r\n\r\n  it('should render the mobile template if below mobile breakpoint', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>\r\n    `);\r\n\r\n    const listContainer = el.shadowRoot?.getElementById('list-line');\r\n    const topLine = el.shadowRoot?.getElementById('list-line-top');\r\n    const bottomLine = el.shadowRoot?.getElementById('list-line-bottom');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(listContainer?.classList.contains('mobile')).to.be.true;\r\n    expect(topLine).to.exist;\r\n    expect(bottomLine).to.exist;\r\n  });\r\n\r\n  it('should render title link with model href if provided', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('#title > a');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\r\n  });\r\n\r\n  it('should add title to image link if provided', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const imageLink = el.shadowRoot?.querySelector('#image-link');\r\n\r\n    expect(imageLink).to.exist;\r\n    expect(imageLink?.getAttribute('title')).to.equal('View foo');\r\n  });\r\n\r\n  it('should render with creator element but not dates', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ creators: ['someone'] }}></tile-list>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('#creator');\r\n    const datesLine = el.shadowRoot?.querySelector('#dates-line');\r\n\r\n    expect(creator).to.exist;\r\n    expect(datesLine?.children.length).to.equal(0);\r\n  });\r\n\r\n  it('should render with snippet block when it has snippets', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>\r\n      </tile-list>\r\n    `);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.exist;\r\n  });\r\n\r\n  it('should not render snippet block when no snippets are present', async () => {\r\n    const el = await fixture<TileList>(html`<tile-list></tile-list>`);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.not.exist;\r\n  });\r\n\r\n  it('should not render suppressed collections', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}\r\n        .baseNavigationUrl=${'base'}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\r\n    expect(collectionsRow).to.exist;\r\n\r\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\r\n    expect(collectionLinks?.length).to.equal(1);\r\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\r\n      'base/details/foo',\r\n    );\r\n  });\r\n\r\n  it('should not render fav- collections', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ collections: ['fav-foo', 'bar'] }}\r\n        .baseNavigationUrl=${'base'}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\r\n    expect(collectionsRow).to.exist;\r\n\r\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\r\n    expect(collectionLinks?.length).to.equal(1);\r\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\r\n      'base/details/bar',\r\n    );\r\n  });\r\n\r\n  it('should render weekly views when sorting by week', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\r\n        .sortParam=${{ field: 'week', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const viewsRow = el.shadowRoot?.getElementById('views-line');\r\n    expect(viewsRow).to.exist;\r\n    expect(viewsRow?.textContent?.trim()).to.equal('Views:  10');\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Published:  Jan 02, 2012');\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 02, 2011');\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 02, 2013');\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Published:  2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    let dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 01, 2013');\r\n  });\r\n\r\n  it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {\r\n    const model: Partial<TileModel> = {\r\n      subjects: ['foo'],\r\n      creators: ['bar'],\r\n      source: 'baz',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${model}></tile-list>\r\n    `);\r\n\r\n    const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');\r\n    expect(subjectLink).to.exist;\r\n    expect(subjectLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('subject:\"foo\"')}`,\r\n    );\r\n\r\n    const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');\r\n    expect(creatorLink).to.exist;\r\n    expect(creatorLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('creator:\"bar\"')}`,\r\n    );\r\n\r\n    const sourceLink = el.shadowRoot?.querySelector('#source a[href]');\r\n    expect(sourceLink).to.exist;\r\n    expect(sourceLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('source:\"baz\"')}`,\r\n    );\r\n  });\r\n\r\n  it('should render multi-line descriptions with spaces b/w lines', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ description: 'line1\\nline2' }}> </tile-list>\r\n    `);\r\n\r\n    const descriptionBlock = el.shadowRoot?.getElementById('description');\r\n    expect(descriptionBlock).to.exist;\r\n    expect(descriptionBlock?.textContent?.trim()).to.equal('line1 line2'); // line break replaced by space\r\n  });\r\n\r\n  it('should render mediatype icon as link to corresponding mediatype collection details', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'texts',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(\r\n      `https://archive.org/details/texts`,\r\n    );\r\n    expect(mediatypeLink?.getAttribute('title')).to.equal('See more: texts');\r\n  });\r\n\r\n  it('should render mediatype icon as link even with empty baseNavigationUrl', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'texts',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .baseNavigationUrl=${''} .model=${model}></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(`/details/texts`);\r\n  });\r\n\r\n  it('should render collection mediatype icon as link to search page', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'collection',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(\r\n      `https://archive.org/search?query=mediatype:collection&sort=-downloads`,\r\n    );\r\n  });\r\n\r\n  it('should not render account mediatype icon as link', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'account',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).not.to.exist;\r\n  });\r\n\r\n  it('should render date added for accounts', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          mediatype: 'account',\r\n          dateAdded: new Date('2015-05-05T00:00:00'),\r\n        }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const creatorBlock = el.shadowRoot?.getElementById('creator');\r\n    expect(creatorBlock).to.exist;\r\n    expect(creatorBlock?.textContent?.trim()).to.equal('Archivist since 2015');\r\n  });\r\n\r\n  it('should render web capture date links if present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          title: 'https://example.com/',\r\n          captureDates,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl, 'capture dates container').to.exist;\r\n    expect(captureDatesUl?.children.length).to.equal(2);\r\n\r\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\r\n    expect(firstDateLink, 'first date link').to.exist;\r\n    expect(firstDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n\r\n    const secondDateLink =\r\n      captureDatesUl?.children[1]?.querySelector('a[href]');\r\n    expect(secondDateLink, 'second date link').to.exist;\r\n    expect(secondDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\r\n  });\r\n\r\n  it('should not render web captures if no title is present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          captureDates,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl).not.to.exist;\r\n  });\r\n\r\n  it('should render review snippet if present', async () => {\r\n    const review = {\r\n      title: 'Foo',\r\n      body: 'foo bar baz',\r\n      stars: 3,\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          review,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).to.exist;\r\n  });\r\n\r\n  it('should not render review snippet block when no review is present', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).not.to.exist;\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"tile-list.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport type { TileList } from '../../../src/tiles/list/tile-list';\r\n\r\nimport '../../../src/tiles/list/tile-list';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('List Tile', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<TileList>(\r\n      html`<tile-list .model=${{}}></tile-list>`,\r\n    );\r\n\r\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(itemTitle).to.exist;\r\n    expect(imageBlock).to.exist;\r\n  });\r\n\r\n  it('should render the mobile template if below mobile breakpoint', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>\r\n    `);\r\n\r\n    const listContainer = el.shadowRoot?.getElementById('list-line');\r\n    const topLine = el.shadowRoot?.getElementById('list-line-top');\r\n    const bottomLine = el.shadowRoot?.getElementById('list-line-bottom');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(listContainer?.classList.contains('mobile')).to.be.true;\r\n    expect(topLine).to.exist;\r\n    expect(bottomLine).to.exist;\r\n  });\r\n\r\n  it('should render title link with model href if provided', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('#title > a');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\r\n  });\r\n\r\n  it('should add title to image link if provided', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const imageLink = el.shadowRoot?.querySelector('#image-link');\r\n\r\n    expect(imageLink).to.exist;\r\n    expect(imageLink?.getAttribute('title')).to.equal('View foo');\r\n  });\r\n\r\n  it('should render with creator element but not dates', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ creators: ['someone'] }}></tile-list>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('#creator');\r\n    const datesLine = el.shadowRoot?.querySelector('#dates-line');\r\n\r\n    expect(creator).to.exist;\r\n    expect(datesLine?.children.length).to.equal(0);\r\n  });\r\n\r\n  it('should render with snippet block when it has snippets', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>\r\n      </tile-list>\r\n    `);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.exist;\r\n  });\r\n\r\n  it('should not render snippet block when no snippets are present', async () => {\r\n    const el = await fixture<TileList>(html`<tile-list></tile-list>`);\r\n\r\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\r\n\r\n    expect(snippetBlock).to.not.exist;\r\n  });\r\n\r\n  it('should not render suppressed collections', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}\r\n        .baseNavigationUrl=${'base'}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\r\n    expect(collectionsRow).to.exist;\r\n\r\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\r\n    expect(collectionLinks?.length).to.equal(1);\r\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\r\n      'base/details/foo',\r\n    );\r\n  });\r\n\r\n  it('should not render fav- collections', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ collections: ['fav-foo', 'bar'] }}\r\n        .baseNavigationUrl=${'base'}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\r\n    expect(collectionsRow).to.exist;\r\n\r\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\r\n    expect(collectionLinks?.length).to.equal(1);\r\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\r\n      'base/details/bar',\r\n    );\r\n  });\r\n\r\n  it('should render weekly views when sorting by week', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\r\n        .sortParam=${{ field: 'week', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const viewsRow = el.shadowRoot?.getElementById('views-line');\r\n    expect(viewsRow).to.exist;\r\n    expect(viewsRow?.textContent?.trim()).to.equal('Views:  10');\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Published:  Jan 02, 2012');\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 02, 2011');\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 02, 2013');\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Published:  2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    let dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 01, 2013');\r\n  });\r\n\r\n  it('should display dates in UTC time zone by default', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-02-15T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n    expect(dateRow?.textContent?.trim()).to.contain('Published:  Feb 15, 2012');\r\n  });\r\n\r\n  it('should display dates in local time when useLocalTime option is true', async () => {\r\n    // Expected behavior depends on the time zone offset where the testing occurs\r\n    const offset = new Date().getTimezoneOffset();\r\n    let datePublished, expected;\r\n    if (offset > 0) {\r\n      // Positive local time zone offsets have earlier local dates than UTC\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Published:  Feb 14, 2012';\r\n    } else if (offset < 0) {\r\n      // Negative local time zone offsets have later local dates than UTC\r\n      datePublished = new Date('2012-02-15T23:59:59Z');\r\n      expected = 'Published:  Feb 16, 2012';\r\n    } else {\r\n      // Local time may just be UTC itself\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Published:  Feb 15, 2012';\r\n    }\r\n\r\n    const model: Partial<TileModel> = {\r\n      datePublished,\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        useLocalTime\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\r\n    expect(dateRow).to.exist;\r\n\r\n    expect(dateRow?.textContent?.trim()).to.contain(expected);\r\n  });\r\n\r\n  it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {\r\n    const model: Partial<TileModel> = {\r\n      subjects: ['foo'],\r\n      creators: ['bar'],\r\n      source: 'baz',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${model}></tile-list>\r\n    `);\r\n\r\n    const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');\r\n    expect(subjectLink).to.exist;\r\n    expect(subjectLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('subject:\"foo\"')}`,\r\n    );\r\n\r\n    const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');\r\n    expect(creatorLink).to.exist;\r\n    expect(creatorLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('creator:\"bar\"')}`,\r\n    );\r\n\r\n    const sourceLink = el.shadowRoot?.querySelector('#source a[href]');\r\n    expect(sourceLink).to.exist;\r\n    expect(sourceLink?.getAttribute('href')).to.equal(\r\n      `/search?query=${encodeURIComponent('source:\"baz\"')}`,\r\n    );\r\n  });\r\n\r\n  it('should render multi-line descriptions with spaces b/w lines', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .model=${{ description: 'line1\\nline2' }}> </tile-list>\r\n    `);\r\n\r\n    const descriptionBlock = el.shadowRoot?.getElementById('description');\r\n    expect(descriptionBlock).to.exist;\r\n    expect(descriptionBlock?.textContent?.trim()).to.equal('line1 line2'); // line break replaced by space\r\n  });\r\n\r\n  it('should render mediatype icon as link to corresponding mediatype collection details', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'texts',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(\r\n      `https://archive.org/details/texts`,\r\n    );\r\n    expect(mediatypeLink?.getAttribute('title')).to.equal('See more: texts');\r\n  });\r\n\r\n  it('should render mediatype icon as link even with empty baseNavigationUrl', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'texts',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list .baseNavigationUrl=${''} .model=${model}></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(`/details/texts`);\r\n  });\r\n\r\n  it('should render collection mediatype icon as link to search page', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'collection',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).to.equal(\r\n      `https://archive.org/search?query=mediatype:collection&sort=-downloads`,\r\n    );\r\n  });\r\n\r\n  it('should not render account mediatype icon as link', async () => {\r\n    const model: Partial<TileModel> = {\r\n      mediatype: 'account',\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .baseNavigationUrl=${'https://archive.org'}\r\n        .model=${model}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');\r\n    expect(mediatypeLink).to.exist;\r\n    expect(mediatypeLink?.getAttribute('href')).not.to.exist;\r\n  });\r\n\r\n  it('should render date added for accounts', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          mediatype: 'account',\r\n          dateAdded: new Date('2015-05-05T00:00:00'),\r\n        }}\r\n      >\r\n      </tile-list>\r\n    `);\r\n\r\n    const creatorBlock = el.shadowRoot?.getElementById('creator');\r\n    expect(creatorBlock).to.exist;\r\n    expect(creatorBlock?.textContent?.trim()).to.equal('Archivist since 2015');\r\n  });\r\n\r\n  it('should render web capture date links if present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          title: 'https://example.com/',\r\n          captureDates,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl, 'capture dates container').to.exist;\r\n    expect(captureDatesUl?.children.length).to.equal(2);\r\n\r\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\r\n    expect(firstDateLink, 'first date link').to.exist;\r\n    expect(firstDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n\r\n    const secondDateLink =\r\n      captureDatesUl?.children[1]?.querySelector('a[href]');\r\n    expect(secondDateLink, 'second date link').to.exist;\r\n    expect(secondDateLink?.getAttribute('href')).to.equal(\r\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\r\n    );\r\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\r\n  });\r\n\r\n  it('should not render web captures if no title is present', async () => {\r\n    const captureDates = [\r\n      new Date('2010-01-02T12:34:56Z'),\r\n      new Date('2011-02-03T12:43:21Z'),\r\n    ];\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          captureDates,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\r\n    expect(captureDatesUl).not.to.exist;\r\n  });\r\n\r\n  it('should render review snippet if present', async () => {\r\n    const review = {\r\n      title: 'Foo',\r\n      body: 'foo bar baz',\r\n      stars: 3,\r\n    };\r\n\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n          review,\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).to.exist;\r\n  });\r\n\r\n  it('should not render review snippet block when no review is present', async () => {\r\n    const el = await fixture<TileList>(html`\r\n      <tile-list\r\n        .model=${{\r\n          identifier: 'foo',\r\n        }}\r\n      ></tile-list>\r\n    `);\r\n\r\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\r\n    expect(reviewBlock).not.to.exist;\r\n  });\r\n});\r\n"]}

package/dist/test/utils/format-date.test.js

@@ -24,8 +24,38 @@ describe('formatDate', () => {
         // So we must ensure these older dates still output the correct year, not the prior one.
         expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal('1234');
     });
+    it('uses UTC time zone by default or when useLocalTime is explicitly false', () => {
+        // Default options
+        expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long')).to.equal('Feb 15, 2025');
+        expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long')).to.equal('Feb 15, 2025');
+        // Explicit `useLocalTime: false` option
+        const options = { useLocalTime: false };
+        expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options)).to.equal('Feb 15, 2025');
+        expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options)).to.equal('Feb 15, 2025');
+    });
+    it('uses local time zone when specified', () => {
+        // N.B.:
+        // - Positive offset corresponds to UTC-x zones
+        // - Negative offset corresponds to UTC+x zones
+        const offset = new Date().getTimezoneOffset();
+        const options = { useLocalTime: true };
+        // The expected behavior depends on the local time where the tests are run:
+        if (offset > 0) {
+            // If we're testing under a positive offset, the first second of the UTC day should locally fall on the previous day
+            expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options)).to.equal('Feb 14, 2025');
+        }
+        else if (offset < 0) {
+            // If we're testing under a negative offset, the last second of the UTC day should locally fall on the next day
+            expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options)).to.equal('Feb 16, 2025');
+        }
+        else {
+            // If we're testing *in* UTC, then both seconds should locally fall on the same day
+            expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options)).to.equal('Feb 15, 2025');
+            expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options)).to.equal('Feb 15, 2025');
+        }
+    });
     it('returns locale formatted date', () => {
-        expect(formatDate(testDate, 'long', 'de-DE')).to.equal('09. Dez. 2020');
+        expect(formatDate(testDate, 'long', { locale: 'de-DE' })).to.equal('09. Dez. 2020');
     });
 });
 //# sourceMappingURL=format-date.test.js.map

package/dist/test/utils/format-date.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACzF,oFAAoF;QACpF,2EAA2E;QAC3E,qFAAqF;QACrF,wFAAwF;QACxF,oFAAoF;QACpF,iFAAiF;QACjF,wFAAwF;QACxF,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACxE,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\r\nimport { formatDate } from '../../src/utils/format-date';\r\n\r\nconst testDate = new Date(2020, 11, 9);\r\n\r\ndescribe('formatDate', () => {\r\n  it('returns blank when undefined date', () => {\r\n    expect(formatDate(undefined)).to.equal('');\r\n  });\r\n\r\n  it('returns short date when no DateFormat', () => {\r\n    expect(formatDate(testDate)).to.equal('Dec 2020');\r\n  });\r\n\r\n  it('returns long date when long DateFormat', () => {\r\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\r\n  });\r\n\r\n  it('returns year-only date when year-only DateFormat', () => {\r\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\r\n  });\r\n\r\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\r\n    // Many standard timezones have a discontinuity in date parsing at some point during\r\n    // the 19th or 20th century, corresponding to the creation of the timezone.\r\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\r\n    // which can throw off the calculated year for dates which are close to a year boundary.\r\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\r\n    // receive from the search engine for date metadata that only specifies the year.\r\n    // So we must ensure these older dates still output the correct year, not the prior one.\r\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\r\n      '1234',\r\n    );\r\n  });\r\n\r\n  it('returns locale formatted date', () => {\r\n    expect(formatDate(testDate, 'long', 'de-DE')).to.equal('09. Dez. 2020');\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\r\nimport { formatDate } from '../../src/utils/format-date';\r\n\r\nconst testDate = new Date(2020, 11, 9);\r\n\r\ndescribe('formatDate', () => {\r\n  it('returns blank when undefined date', () => {\r\n    expect(formatDate(undefined)).to.equal('');\r\n  });\r\n\r\n  it('returns short date when no DateFormat', () => {\r\n    expect(formatDate(testDate)).to.equal('Dec 2020');\r\n  });\r\n\r\n  it('returns long date when long DateFormat', () => {\r\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\r\n  });\r\n\r\n  it('returns year-only date when year-only DateFormat', () => {\r\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\r\n  });\r\n\r\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\r\n    // Many standard timezones have a discontinuity in date parsing at some point during\r\n    // the 19th or 20th century, corresponding to the creation of the timezone.\r\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\r\n    // which can throw off the calculated year for dates which are close to a year boundary.\r\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\r\n    // receive from the search engine for date metadata that only specifies the year.\r\n    // So we must ensure these older dates still output the correct year, not the prior one.\r\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\r\n      '1234',\r\n    );\r\n  });\r\n\r\n  it('uses UTC time zone by default or when useLocalTime is explicitly false', () => {\r\n    // Default options\r\n    expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long')).to.equal(\r\n      'Feb 15, 2025',\r\n    );\r\n    expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long')).to.equal(\r\n      'Feb 15, 2025',\r\n    );\r\n\r\n    // Explicit `useLocalTime: false` option\r\n    const options = { useLocalTime: false };\r\n    expect(\r\n      formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n    ).to.equal('Feb 15, 2025');\r\n    expect(\r\n      formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n    ).to.equal('Feb 15, 2025');\r\n  });\r\n\r\n  it('uses local time zone when specified', () => {\r\n    // N.B.:\r\n    // - Positive offset corresponds to UTC-x zones\r\n    // - Negative offset corresponds to UTC+x zones\r\n    const offset = new Date().getTimezoneOffset();\r\n    const options = { useLocalTime: true };\r\n\r\n    // The expected behavior depends on the local time where the tests are run:\r\n    if (offset > 0) {\r\n      // If we're testing under a positive offset, the first second of the UTC day should locally fall on the previous day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n      ).to.equal('Feb 14, 2025');\r\n    } else if (offset < 0) {\r\n      // If we're testing under a negative offset, the last second of the UTC day should locally fall on the next day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n      ).to.equal('Feb 16, 2025');\r\n    } else {\r\n      // If we're testing *in* UTC, then both seconds should locally fall on the same day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n      ).to.equal('Feb 15, 2025');\r\n      expect(\r\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n      ).to.equal('Feb 15, 2025');\r\n    }\r\n  });\r\n\r\n  it('returns locale formatted date', () => {\r\n    expect(formatDate(testDate, 'long', { locale: 'de-DE' })).to.equal(\r\n      '09. Dez. 2020',\r\n    );\r\n  });\r\n});\r\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {

package/src/collection-browser.ts

@@ -2264,6 +2264,19 @@ export class CollectionBrowser
     return Array.from(visiblePages);
   }
 
+  /**
+   * Whether we are currently displaying results for a radio collection
+   */
+  private get isRadioCollection(): boolean {
+    const { withinCollection } = this;
+    const topCollections = ['radio'];
+    const isTopCollection = topCollections.includes(withinCollection as string);
+    const isSubCollection = topCollections.some(topCollxn =>
+      this.dataSource.parentCollections?.includes(topCollxn),
+    );
+    return isTopCollection || isSubCollection;
+  }
+
   /**
    * Refreshes all visible result cells in the infinite scroller.
    */
@@ -2301,6 +2314,17 @@ export class CollectionBrowser
     const model = this.tileModelAtCellIndex(index);
     if (!model) return undefined;
 
+    // Tiles show dates in UTC by default.
+    // But for certain types of time-based media, we want them to use local time instead.
+    // Those local-time cases are:
+    //  - TV or Radio search results
+    //  - TV or Radio collection results
+    const isTVSearch = this.searchType === SearchType.TV;
+    const isRadioSearch = this.searchType === SearchType.RADIO;
+    const { isTVCollection, isRadioCollection } = this;
+    const shouldUseLocalTime =
+      isTVSearch || isRadioSearch || isTVCollection || isRadioCollection;
+
     return html`
       <tile-dispatcher
         .collectionPagePath=${this.collectionPagePath}
@@ -2317,8 +2341,9 @@ export class CollectionBrowser
         .loggedIn=${this.loggedIn}
         .suppressBlurring=${this.shouldSuppressTileBlurring}
         .isManageView=${this.isManageView}
-        ?showTvClips=${this.isTVCollection || this.searchType === SearchType.TV}
+        ?showTvClips=${isTVSearch || isTVCollection}
         ?enableHoverPane=${true}
+        ?useLocalTime=${shouldUseLocalTime}
         @resultSelected=${(e: CustomEvent) => this.resultSelected(e)}
       >
       </tile-dispatcher>

package/src/tiles/base-tile-component.ts

@@ -3,6 +3,7 @@ import { property } from 'lit/decorators.js';
 import type { SortParam } from '@internetarchive/search-service';
 import { TileDisplayValueProvider } from './tile-display-value-provider';
 import type { TileModel } from '../models';
+import { DateFormat, formatDate } from '../utils/format-date';
 
 export abstract class BaseTileComponent extends LitElement {
   @property({ type: Object }) model?: TileModel;
@@ -29,6 +30,8 @@ export abstract class BaseTileComponent extends LitElement {
 
   @property({ type: Boolean }) suppressBlurring = false;
 
+  @property({ type: Boolean }) useLocalTime = false;
+
   protected displayValueProvider = new TileDisplayValueProvider();
 
   protected willUpdate(changed: PropertyValues<this>) {
@@ -50,4 +53,13 @@ export abstract class BaseTileComponent extends LitElement {
       });
     }
   }
+
+  /**
+   * The formatted date string for given date and format type, taking into
+   * account whether this tile component should be using local time or UTC.
+   */
+  protected getFormattedDate(date?: Date, format?: DateFormat): string {
+    const { useLocalTime } = this;
+    return formatDate(date, format, { useLocalTime });
+  }
 }

package/src/tiles/grid/account-tile.ts

@@ -22,6 +22,7 @@ export class AccountTile extends BaseTileComponent {
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressBlurring = false;
+   *  - useLocalTime = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;

package/src/tiles/grid/collection-tile.ts

@@ -22,6 +22,7 @@ export class CollectionTile extends BaseTileComponent {
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressBlurring = false;
+   *  - useLocalTime = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;

package/src/tiles/grid/item-tile.ts

@@ -6,10 +6,11 @@ import { classMap } from 'lit/directives/class-map.js';
 import { msg } from '@lit/localize';
 
 import type { SortParam } from '@internetarchive/search-service';
-import { DateFormat, formatDate } from '../../utils/format-date';
+import type { DateFormat } from '../../utils/format-date';
 import { isFirstMillisecondOfUTCYear } from '../../utils/local-date-from-utc';
 import { BaseTileComponent } from '../base-tile-component';
 import { baseTileStyles } from './styles/tile-grid-shared-styles';
+import { SimpleLayoutType } from '../models';
 
 import '../image-block';
 import '../review-block';
@@ -17,7 +18,6 @@ import '../text-snippet-block';
 import '../item-image';
 import '../tile-mediatype-icon';
 import './tile-stats';
-import { SimpleLayoutType } from '../models';
 
 @customElement('item-tile')
 export class ItemTile extends BaseTileComponent {
@@ -35,6 +35,7 @@ export class ItemTile extends BaseTileComponent {
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressBlurring = false;
+   *  - useLocalTime = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;
@@ -139,11 +140,11 @@ export class ItemTile extends BaseTileComponent {
     if (!sortedValue?.value) {
       return nothing;
     }
+
+    const formattedDate = this.getFormattedDate(sortedValue.value, format);
     return html`
       <div class="date-sorted-by truncated">
-        <span>
-          ${sortedValue?.field} ${formatDate(sortedValue?.value, format)}
-        </span>
+        <span>${sortedValue.field} ${formattedDate}</span>
       </div>
     `;
   }

package/src/tiles/list/tile-list-compact.ts

@@ -5,7 +5,7 @@ import type { SortParam } from '@internetarchive/search-service';
 import { BaseTileComponent } from '../base-tile-component';
 
 import { formatCount, NumberFormat } from '../../utils/format-count';
-import { formatDate, DateFormat } from '../../utils/format-date';
+import type { DateFormat } from '../../utils/format-date';
 import { isFirstMillisecondOfUTCYear } from '../../utils/local-date-from-utc';
 
 import '../image-block';
@@ -27,6 +27,7 @@ export class TileListCompact extends BaseTileComponent {
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressBlurring = false;
+   *  - useLocalTime = false;
    */
 
   render() {
@@ -50,7 +51,9 @@ export class TileListCompact extends BaseTileComponent {
             ? this.displayValueProvider.accountLabel
             : this.creator}
         </div>
-        <div id="date">${formatDate(this.date, this.dateFormatSize)}</div>
+        <div id="date">
+          ${this.getFormattedDate(this.date, this.dateFormatSize)}
+        </div>
         <div id="icon">
           <tile-mediatype-icon .model=${this.model}> </tile-mediatype-icon>
         </div>

package/src/tiles/list/tile-list.ts

@@ -13,7 +13,7 @@ import type { CollectionTitles } from '../../data-source/models';
 import { BaseTileComponent } from '../base-tile-component';
 
 import { formatCount, NumberFormat } from '../../utils/format-count';
-import { formatDate, DateFormat } from '../../utils/format-date';
+import type { DateFormat } from '../../utils/format-date';
 import { isFirstMillisecondOfUTCYear } from '../../utils/local-date-from-utc';
 
 import '../image-block';
@@ -37,6 +37,7 @@ export class TileList extends BaseTileComponent {
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressBlurring = false;
+   *  - useLocalTime = false;
    */
 
   @property({ type: Object })
@@ -225,7 +226,10 @@ export class TileList extends BaseTileComponent {
       format = 'year-only';
     }
 
-    return this.metadataTemplate(formatDate(date, format), msg('Published'));
+    return this.metadataTemplate(
+      this.getFormattedDate(date, format),
+      msg('Published'),
+    );
   }
 
   // Show date label/value when sorted by date type
@@ -238,7 +242,7 @@ export class TileList extends BaseTileComponent {
         this.effectiveSort.field === 'publicdate')
     ) {
       return this.metadataTemplate(
-        formatDate(this.date, 'long'),
+        this.getFormattedDate(this.date, 'long'),
         this.displayValueProvider.dateLabel,
       );
     }

package/src/tiles/tile-dispatcher.ts

@@ -47,6 +47,7 @@ export class TileDispatcher
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
    *  - suppressTileBlurring = false;
+   *  - useLocalTime = false;
    */
 
   @property({ type: String }) tileDisplayMode?: TileDisplayMode;
@@ -354,6 +355,7 @@ export class TileDispatcher
               .simpleLayoutType=${this.simpleLayoutType}
               ?showTvClips=${this.showTvClips}
               ?showInfoButton=${!this.isHoverEnabled}
+              ?useLocalTime=${this.useLocalTime}
               @infoButtonPressed=${this.tileInfoButtonPressed}
             >
             </item-tile>`;
@@ -372,6 +374,7 @@ export class TileDispatcher
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
           .suppressBlurring=${this.suppressBlurring}
+          ?useLocalTime=${this.useLocalTime}
         >
         </tile-list-compact>`;
       case 'list-detail':
@@ -389,6 +392,7 @@ export class TileDispatcher
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
           .suppressBlurring=${this.suppressBlurring}
+          ?useLocalTime=${this.useLocalTime}
         >
         </tile-list>`;
       default:

package/src/utils/format-date.ts

@@ -7,16 +7,36 @@ export type DateFormat =
   | 'short' // Dec 2020
   | 'long'; // Dec 20, 2020
 
+/**
+ * Extra options accepted by the `formatDate` function
+ */
+export type FormatDateOptions = {
+  /**
+   * Which locale to format the date string for (default `'en-US'`)
+   */
+  locale?: string;
+  /**
+   * Whether to display the date in the browser's local time zone.
+   * Default is `false`, displaying the dates in UTC.
+   */
+  useLocalTime?: boolean;
+};
+
 export function formatDate(
   date: Date | undefined,
   format: DateFormat = 'short',
-  locale: string = 'en-US',
+  { locale = 'en-US', useLocalTime = false }: FormatDateOptions = {},
 ): string {
   // Return blank if undefined
   if (!date) return '';
 
-  // the date is already in UTC timezone so we should not add timeZone here again.
-  const options: Intl.DateTimeFormatOptions = {};
+  // The dates provided by the backend are assumed to already be with respect to UTC,
+  // and by default we specify that they should be rendered as such. If the
+  // `useLocalTime` option was set, we omit the UTC time zone from our format options
+  // so that the browser's local time zone is used instead.
+  const options: Intl.DateTimeFormatOptions = useLocalTime
+    ? {}
+    : { timeZone: 'UTC' };
 
   switch (format) {
     case 'year-only':