@iamproperty/components 7.8.2--beta1 → 7.8.2--beta2

package/assets/ts/modules/test-globals.ts

@@ -0,0 +1,7 @@
+if (typeof globalThis.window === 'undefined') {
+  Object.defineProperty(globalThis, 'window', {
+    value: new EventTarget(),
+    writable: true,
+    configurable: true,
+  });
+}

package/assets/ts/modules/test-utils.ts

@@ -0,0 +1,29 @@
+/* eslint-disable */
+
+export const append = (parent, ...children) => {
+  children.forEach((child) => parent.appendChild(child));
+  return parent;
+};
+
+export const silenceConsole = (callback) => {
+  const originalConsole = {
+    groupCollapsed: console.groupCollapsed,
+    groupEnd: console.groupEnd,
+    log: console.log,
+    table: console.table,
+  };
+
+  console.groupCollapsed = () => {};
+  console.groupEnd = () => {};
+  console.log = () => {};
+  console.table = () => {};
+
+  try {
+    return callback();
+  } finally {
+    console.groupCollapsed = originalConsole.groupCollapsed;
+    console.groupEnd = originalConsole.groupEnd;
+    console.log = originalConsole.log;
+    console.table = originalConsole.table;
+  }
+};

package/assets/ts/modules/test.ts

@@ -7,11 +7,38 @@ export const describe = (desc, fn):void => {
 
 export const it = (desc, fn):void => {
   try {
-    fn();
+    const result = fn();
+
+    if (result && typeof result.then === 'function') {
+      const pendingTests = globalThis.__unitTestPromises || [];
+      globalThis.__unitTestPromises = pendingTests;
+
+      pendingTests.push(
+        result
+          .then(() => {
+            console.log(`\x1b[32m ${desc} \x1b[0m`);
+          })
+          .catch((error) => {
+            console.log(`\x1b[31m ${desc} \x1b[0m`);
+            console.error(error);
+
+            if (typeof process !== 'undefined') {
+              process.exitCode = 1;
+            }
+          })
+      );
+
+      return;
+    }
+
     console.log(`\x1b[32m ${desc} \x1b[0m`)
   } catch (error) {
     console.log(`\x1b[31m ${desc} \x1b[0m`)
     console.error(error);
+
+    if (typeof process !== 'undefined') {
+      process.exitCode = 1;
+    }
   }
 }
 

package/assets/ts/modules/testimonial.test.ts

@@ -0,0 +1,17 @@
+import { describe, expect, it } from './test.ts';
+import { createElement, installTestDom } from './test-dom.ts';
+import { append } from './test-utils.ts';
+import testimonial from './testimonial.ts';
+
+installTestDom();
+
+describe('Testimonial module', () => {
+  it('does not wire testimonial controls for a single image', () => {
+    const testimonialElement = createElement('div');
+    const images = createElement('div', { class: 'testimonial__images' });
+    append(images, createElement('img'));
+    append(testimonialElement, images);
+
+    expect(testimonial(testimonialElement) === false);
+  });
+});

package/assets/ts/modules/videos.test.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+
+import { describe, expect, it } from './test.ts';
+import { createElement, installTestDom } from './test-dom.ts';
+import { append } from './test-utils.ts';
+import { createYoutTubeVideo, openVimeoVideo } from './videos.ts';
+
+const { window } = installTestDom();
+
+describe('Videos module', () => {
+  it('reuses existing YouTube players and renders Vimeo embeds', async () => {
+    let played = false;
+    window.player = {
+      abc123: {
+        pauseVideo: () => {},
+        playVideo: () => {
+          played = true;
+        },
+      },
+    };
+    window.dataLayer = [];
+    const embed = createElement('div', { id: 'abc123' });
+    const youtubeResult = await createYoutTubeVideo(embed, 'abc123');
+
+    const component = createElement('iam-video', { dataVimeo: '98765' });
+    append(component, createElement('div', { class: 'embed' }));
+    await openVimeoVideo(component);
+
+    expect(youtubeResult === false);
+    expect(played);
+    expect(component.querySelector('.embed').innerHTML.includes('player.vimeo.com/video/98765'));
+  });
+});