line-height fixes

Author: shakyShane

special-pages/pages/history/app/components/Item.module.css

@@ -1,8 +1,10 @@
 .item {
+
 }
 
 .title {
-    height: 32px;
+    --title-height: 32px;
+    height: var(--title-height);
     width: 100%;
     font-size: var(--title-3-em-font-size);
     font-weight: var(--title-3-em-font-weight);
@@ -17,7 +19,8 @@
 }
 
 .row {
-    height: 28px;
+    --row-height: 28px;
+    height: var(--row-height);
     display: flex;
     gap: 8px;
     align-items: center;
@@ -99,6 +102,7 @@
     text-overflow: ellipsis;
     text-decoration: none;
     color: inherit;
+    line-height: var(--row-height);
 }
 
 .domain {

special-pages/pages/history/app/mocks/mock-transport.js

@@ -7,6 +7,15 @@ const url = new URL(window.location.href);
  * @typedef {import('@duckduckgo/messaging/lib/test-utils.mjs').SubscriptionEvent} SubscriptionEvent
  */
 
+/**
+ * @template T
+ * @param {T} value
+ * @return {T}
+ */
+function clone(value) {
+    return window.structuredClone?.(value) ?? JSON.parse(JSON.stringify(value));
+}
+
 export function mockTransport() {
     /** @type {Map<string, (d: any)=>void>} */
     const subscriptions = new Map();
@@ -18,20 +27,20 @@ export function mockTransport() {
         };
     }
 
-    let memory = structuredClone(historyMocks.few).value;
+    let memory = clone(historyMocks.few).value;
 
     if (url.searchParams.has('history')) {
         const key = url.searchParams.get('history');
         if (key && key in historyMocks) {
-            memory = structuredClone(historyMocks[key]).value;
+            memory = clone(historyMocks[key]).value;
         } else if (key?.match(/^\d+$/)) {
             memory = generateSampleData({ count: parseInt(key), offset: 0 });
         }
     }
     // console.log(memory);
     return new TestTransportConfig({
         notify(_msg) {
-            window.__playwright_01?.mocks?.outgoing?.push?.({ payload: structuredClone(_msg) });
+            window.__playwright_01?.mocks?.outgoing?.push?.({ payload: clone(_msg) });
             /** @type {import('../../types/history.ts').HistoryMessages['notifications']} */
             const msg = /** @type {any} */ (_msg);
             console.warn('unhandled notification', msg);
@@ -40,7 +49,7 @@ export function mockTransport() {
             const sub = /** @type {any} */ (_msg.subscriptionName);
 
             if ('__playwright_01' in window) {
-                window.__playwright_01?.mocks?.outgoing?.push?.({ payload: structuredClone(_msg) });
+                window.__playwright_01?.mocks?.outgoing?.push?.({ payload: clone(_msg) });
                 subscriptions.set(sub, cb);
                 return () => {
                     subscriptions.delete(sub);
@@ -53,7 +62,7 @@ export function mockTransport() {
         },
         // eslint-ignore-next-line require-await
         request(_msg) {
-            window.__playwright_01?.mocks?.outgoing?.push?.({ payload: structuredClone(_msg) });
+            window.__playwright_01?.mocks?.outgoing?.push?.({ payload: clone(_msg) });
             /** @type {import('../../types/history.ts').HistoryMessages['requests']} */
             const msg = /** @type {any} */ (_msg);