@classic-homes/theme-svelte 1.22.0 → 1.22.2

package/dist/__tests__/media-hls.test.js

@@ -1,273 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/svelte';
-import Video from '../lib/components/media/Video.svelte';
-import MediaEmbed from '../lib/components/media/MediaEmbed.svelte';
-import { canPlayHlsNatively, hasHlsLoader, resetHlsLoader, setHlsLoader, } from '../lib/utils/hls.js';
-import { cloudflareStream } from '../lib/utils/media.js';
-const STREAM_ACCOUNT = { customerCode: 'abc123' };
-const HLS_URL = 'https://customer-abc123.cloudflarestream.com/a1b2c3/manifest/video.m3u8';
-/** Minimal stand-in for hls.js, enough to observe how the player drives it. */
-function createFakeHls() {
-    const instances = [];
-    class FakeHls {
-        constructor(config) {
-            this.config = config;
-            this.handlers = new Map();
-            this.loadSource = vi.fn();
-            this.attachMedia = vi.fn();
-            this.destroy = vi.fn();
-            this.startLoad = vi.fn();
-            this.recoverMediaError = vi.fn();
-            this.on = vi.fn((event, callback) => {
-                this.handlers.set(event, callback);
-            });
-            instances.push(this);
-        }
-        emit(event, data) {
-            this.handlers.get(event)?.(event, data);
-        }
-    }
-    FakeHls.isSupported = vi.fn(() => true);
-    FakeHls.Events = { ERROR: 'hlsError' };
-    FakeHls.ErrorTypes = { NETWORK_ERROR: 'networkError', MEDIA_ERROR: 'mediaError' };
-    return { FakeHls, instances };
-}
-/** jsdom reports no HLS support, matching Chrome and Firefox. */
-function stubNativeHls(supported) {
-    vi.spyOn(HTMLMediaElement.prototype, 'canPlayType').mockImplementation((type) => supported && type.toLowerCase().includes('mpegurl') ? 'maybe' : '');
-}
-beforeEach(() => {
-    resetHlsLoader();
-    vi.spyOn(console, 'warn').mockImplementation(() => { });
-});
-afterEach(() => {
-    resetHlsLoader();
-    vi.restoreAllMocks();
-});
-describe('canPlayHlsNatively', () => {
-    it('is false when the browser rejects the HLS MIME types', () => {
-        stubNativeHls(false);
-        expect(canPlayHlsNatively()).toBe(false);
-    });
-    it('is true when the browser reports playback support, as Safari does', () => {
-        stubNativeHls(true);
-        expect(canPlayHlsNatively()).toBe(true);
-    });
-});
-describe('setHlsLoader', () => {
-    it('reports whether a loader is available without loading it', () => {
-        expect(hasHlsLoader()).toBe(false);
-        setHlsLoader(() => ({}));
-        expect(hasHlsLoader()).toBe(true);
-    });
-    it('detects a global Hls, as set by the CDN build', () => {
-        const { FakeHls } = createFakeHls();
-        globalThis.Hls = FakeHls;
-        try {
-            expect(hasHlsLoader()).toBe(true);
-        }
-        finally {
-            delete globalThis.Hls;
-        }
-    });
-});
-describe('Video with an HLS source', () => {
-    it('plays natively without hls.js where the browser supports it', async () => {
-        stubNativeHls(true);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        const { container } = render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        const video = container.querySelector('video');
-        await waitFor(() => expect(video.getAttribute('src')).toBe(HLS_URL));
-        // Safari needs no library, so none should be constructed.
-        expect(instances).toHaveLength(0);
-    });
-    it('attaches hls.js when the browser cannot play HLS natively', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        const { container } = render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        expect(instances[0].loadSource).toHaveBeenCalledWith(HLS_URL);
-        expect(instances[0].attachMedia).toHaveBeenCalledWith(container.querySelector('video'));
-    });
-    it('omits the HLS <source> when hls.js drives playback', async () => {
-        // Leaving a playlist the browser cannot decode would make the element
-        // report an error before hls.js ever attaches.
-        stubNativeHls(false);
-        const { FakeHls } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        const { container } = render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => expect(container.querySelectorAll('source')).toHaveLength(0));
-    });
-    it('keeps progressive fallbacks as <source> alongside a stream', async () => {
-        stubNativeHls(false);
-        const { FakeHls } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        const { container } = render(Video, {
-            props: {
-                src: [
-                    { src: HLS_URL, type: 'application/vnd.apple.mpegurl' },
-                    { src: '/fallback.mp4', type: 'video/mp4' },
-                ],
-                label: 'Stream',
-            },
-        });
-        await waitFor(() => {
-            const sources = container.querySelectorAll('source');
-            expect(sources).toHaveLength(1);
-            expect(sources[0]).toHaveAttribute('src', '/fallback.mp4');
-        });
-    });
-    it('passes hls.js config through', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        render(Video, {
-            props: {
-                src: HLS_URL,
-                label: 'Stream',
-                hlsLoader: () => FakeHls,
-                hlsConfig: { lowLatencyMode: true },
-            },
-        });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        expect(instances[0].config).toMatchObject({ lowLatencyMode: true });
-    });
-    it('starts downloading immediately by default', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        expect(instances[0].config).toMatchObject({ autoStartLoad: true });
-    });
-    it('holds off downloading until play when preload is none', async () => {
-        // hls.js fetches through its own loader and ignores the element's
-        // `preload`, so a stream would otherwise pull segments the moment it
-        // mounted — starving any other player on the page of bandwidth.
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        render(Video, { props: { src: HLS_URL, label: 'Stream', preload: 'none' } });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        expect(instances[0].config).toMatchObject({ autoStartLoad: false });
-        expect(instances[0].startLoad).not.toHaveBeenCalled();
-        await screen.getByRole('button', { name: 'Play video' }).click();
-        await waitFor(() => expect(instances[0].startLoad).toHaveBeenCalled());
-    });
-    it('lets an explicit hlsConfig override the preload-derived default', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        render(Video, {
-            props: {
-                src: HLS_URL,
-                label: 'Stream',
-                preload: 'none',
-                hlsConfig: { autoStartLoad: true },
-            },
-        });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        expect(instances[0].config).toMatchObject({ autoStartLoad: true });
-    });
-    it('recovers from non-fatal and recoverable hls.js errors instead of giving up', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        instances[0].emit('hlsError', { fatal: false, type: 'networkError' });
-        expect(instances[0].startLoad).not.toHaveBeenCalled();
-        instances[0].emit('hlsError', { fatal: true, type: 'networkError' });
-        expect(instances[0].startLoad).toHaveBeenCalled();
-        instances[0].emit('hlsError', { fatal: true, type: 'mediaError' });
-        expect(instances[0].recoverMediaError).toHaveBeenCalled();
-    });
-    it('explains itself when hls.js is needed but unavailable', async () => {
-        stubNativeHls(false);
-        // No loader registered, and no global Hls.
-        render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        const alert = await screen.findByRole('alert');
-        expect(alert).toHaveTextContent('This browser cannot play adaptive streams.');
-        expect(alert).toHaveTextContent(/hls\.js/);
-    });
-    it('does not warn about missing captions for a stream, which carries its own', async () => {
-        stubNativeHls(true);
-        render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => {
-            expect(console.warn).not.toHaveBeenCalledWith(expect.stringContaining('No caption tracks'));
-        });
-    });
-    it('tears hls.js down when the player unmounts', async () => {
-        stubNativeHls(false);
-        const { FakeHls, instances } = createFakeHls();
-        setHlsLoader(() => FakeHls);
-        const { unmount } = render(Video, { props: { src: HLS_URL, label: 'Stream' } });
-        await waitFor(() => expect(instances).toHaveLength(1));
-        unmount();
-        expect(instances[0].destroy).toHaveBeenCalled();
-    });
-});
-describe('Video with a Cloudflare Stream item', () => {
-    it('takes source, poster, and label from the item', async () => {
-        stubNativeHls(true);
-        const item = cloudflareStream('a1b2c3', { ...STREAM_ACCOUNT, title: 'Product tour' });
-        const { container } = render(Video, { props: { item } });
-        const video = container.querySelector('video');
-        expect(screen.getByRole('region', { name: 'Product tour' })).toBeInTheDocument();
-        expect(video).toHaveAttribute('poster', item.poster);
-        await waitFor(() => expect(video.getAttribute('src')).toBe(HLS_URL));
-    });
-    it('lets explicit props override the item', () => {
-        stubNativeHls(true);
-        const item = cloudflareStream('a1b2c3', { ...STREAM_ACCOUNT, title: 'Product tour' });
-        const { container } = render(Video, {
-            props: { item, label: 'Custom label', poster: '/own-poster.jpg' },
-        });
-        expect(screen.getByRole('region', { name: 'Custom label' })).toBeInTheDocument();
-        expect(container.querySelector('video')).toHaveAttribute('poster', '/own-poster.jpg');
-    });
-});
-describe('MediaEmbed with Cloudflare Stream', () => {
-    it('shows a facade with a derived Stream thumbnail', () => {
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'cloudflare', videoId: 'a1b2c3', customerCode: 'abc', title: 'Tour' },
-        });
-        expect(container.querySelector('iframe')).toBeNull();
-        const facade = screen.getByRole('button', { name: 'Play Tour on Cloudflare Stream' });
-        expect(facade).toBeInTheDocument();
-        expect(facade.querySelector('img')).toHaveAttribute('src', expect.stringContaining('customer-abc.cloudflarestream.com/a1b2c3/thumbnails/thumbnail.jpg'));
-    });
-    it('injects the Stream player iframe once activated', async () => {
-        const { container } = render(MediaEmbed, {
-            props: {
-                provider: 'cloudflare',
-                videoId: 'a1b2c3',
-                customerCode: 'abc',
-                title: 'Tour',
-                eager: true,
-            },
-        });
-        const iframe = container.querySelector('iframe');
-        expect(iframe).toHaveAttribute('src', 'https://customer-abc.cloudflarestream.com/a1b2c3/iframe');
-        expect(iframe).toHaveAttribute('title', 'Tour');
-    });
-    it('resolves the account from a full Stream URL', () => {
-        const { container } = render(MediaEmbed, {
-            props: {
-                url: 'https://customer-abc.cloudflarestream.com/a1b2c3/watch',
-                title: 'Tour',
-                eager: true,
-            },
-        });
-        expect(container.querySelector('iframe')).toHaveAttribute('src', 'https://customer-abc.cloudflarestream.com/a1b2c3/iframe');
-    });
-    it('renders an error state, not a broken frame, when the account is missing', () => {
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'cloudflare', videoId: 'a1b2c3', title: 'Tour' },
-        });
-        expect(container.querySelector('iframe')).toBeNull();
-        expect(screen.getByRole('alert')).toHaveTextContent('This video could not be loaded.');
-        expect(console.warn).toHaveBeenCalledWith(expect.stringContaining('customerCode'));
-    });
-});

package/dist/__tests__/media-matterport.test.js

@@ -1,296 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import MediaEmbed from '../lib/components/media/MediaEmbed.svelte';
-import MediaGrid from '../lib/components/media/MediaGrid.svelte';
-import { buildEmbedSrc, buildMatterportSrc, fetchMatterportMetadata, getEmbedThumbnail, getMediaLabel, isSpatialMedia, isTimeBasedMedia, matterportTour, parseEmbedUrl, } from '../lib/utils/media.js';
-const MODEL_ID = 'SxQL3iGyoDo';
-beforeEach(() => {
-    vi.spyOn(console, 'warn').mockImplementation(() => { });
-});
-afterEach(() => {
-    vi.restoreAllMocks();
-});
-describe('buildMatterportSrc', () => {
-    it('builds the showcase URL with quick start on by default', () => {
-        // Without `qs`, the space shows a black frame for several seconds.
-        expect(buildMatterportSrc(MODEL_ID)).toBe(`https://my.matterport.com/show/?m=${MODEL_ID}&qs=1`);
-    });
-    it('leaves Matterport’s own defaults alone unless asked', () => {
-        const src = buildMatterportSrc(MODEL_ID);
-        for (const untouched of ['brand', 'help', 'hr', 'vr', 'f', 'mls', 'play', 'ts']) {
-            expect(src).not.toContain(`${untouched}=`);
-        }
-    });
-    it('maps each option to its showcase parameter', () => {
-        const src = buildMatterportSrc(MODEL_ID, {
-            autoplay: true,
-            brand: false,
-            help: false,
-            highlightReel: false,
-            vr: false,
-            floorSelector: false,
-            mls: true,
-            lang: 'fr',
-            guidedTourStart: 5,
-        });
-        expect(src).toContain('play=1');
-        expect(src).toContain('brand=0');
-        expect(src).toContain('help=0');
-        expect(src).toContain('hr=0');
-        expect(src).toContain('vr=0');
-        expect(src).toContain('f=0');
-        expect(src).toContain('mls=1');
-        expect(src).toContain('lang=fr');
-        expect(src).toContain('ts=5');
-    });
-    it('can turn quick start off', () => {
-        expect(buildMatterportSrc(MODEL_ID, { quickStart: false })).not.toContain('qs=');
-    });
-    it('floors a fractional guided-tour delay, which the player requires', () => {
-        expect(buildMatterportSrc(MODEL_ID, { guidedTourStart: 5.8 })).toContain('ts=5');
-        expect(buildMatterportSrc(MODEL_ID, { guidedTourStart: -3 })).toContain('ts=0');
-    });
-    it('passes arbitrary showcase parameters through, coercing booleans', () => {
-        const src = buildMatterportSrc(MODEL_ID, { params: { nozoom: true, tourcta: 0, dh: '1' } });
-        expect(src).toContain('nozoom=1');
-        expect(src).toContain('tourcta=0');
-        expect(src).toContain('dh=1');
-    });
-});
-describe('parseEmbedUrl - Matterport', () => {
-    it('parses a showcase URL', () => {
-        expect(parseEmbedUrl(`https://my.matterport.com/show/?m=${MODEL_ID}`)).toEqual({
-            provider: 'matterport',
-            videoId: MODEL_ID,
-        });
-    });
-    it('ignores the other parameters already on the URL', () => {
-        expect(parseEmbedUrl(`https://my.matterport.com/show/?m=${MODEL_ID}&brand=0&qs=1`)).toEqual({
-            provider: 'matterport',
-            videoId: MODEL_ID,
-        });
-    });
-    it('rejects a Matterport URL carrying no space', () => {
-        // Marketing and discover pages have no `m` parameter to embed.
-        expect(parseEmbedUrl('https://matterport.com/discover/space/some-place')).toBeNull();
-        expect(parseEmbedUrl('https://my.matterport.com/show/')).toBeNull();
-    });
-});
-describe('buildEmbedSrc - Matterport', () => {
-    it('routes the provider to the showcase builder', () => {
-        expect(buildEmbedSrc('matterport', MODEL_ID)).toBe(`https://my.matterport.com/show/?m=${MODEL_ID}&qs=1`);
-    });
-    it('forwards showcase options', () => {
-        expect(buildEmbedSrc('matterport', MODEL_ID, { matterport: { brand: false } })).toContain('brand=0');
-    });
-    it('starts the space moving when the facade is activated', () => {
-        expect(buildEmbedSrc('matterport', MODEL_ID, { autoplay: true })).toContain('play=1');
-    });
-});
-describe('Matterport media items', () => {
-    it('builds an embed item for a space', () => {
-        const item = matterportTour(MODEL_ID, { title: 'Show home', caption: 'Ground floor' });
-        expect(item).toMatchObject({
-            kind: 'embed',
-            provider: 'matterport',
-            id: MODEL_ID,
-            videoId: MODEL_ID,
-            title: 'Show home',
-            caption: 'Ground floor',
-        });
-    });
-    it('carries showcase options onto the item', () => {
-        const item = matterportTour(MODEL_ID, { brand: false, guidedTourStart: 3 });
-        expect(item.matterport).toMatchObject({ brand: false, guidedTourStart: 3 });
-    });
-    it('is spatial, not time-based, so it gets no play affordance or duration', () => {
-        const item = matterportTour(MODEL_ID);
-        expect(isSpatialMedia(item)).toBe(true);
-        expect(isTimeBasedMedia(item)).toBe(false);
-    });
-    it('falls back to a tour label rather than calling itself a video', () => {
-        expect(getMediaLabel(matterportTour(MODEL_ID), 2)).toBe('3D tour 3');
-        expect(getMediaLabel(matterportTour(MODEL_ID))).toBe('Untitled 3D tour');
-    });
-    it('derives no thumbnail, because Matterport publishes none', () => {
-        expect(getEmbedThumbnail('matterport', MODEL_ID)).toBeNull();
-    });
-});
-describe('fetchMatterportMetadata', () => {
-    it('returns the space name and the hero thumbnail', async () => {
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
-            ok: true,
-            json: async () => ({
-                sid: MODEL_ID,
-                name: 'Construction Site',
-                image: 'https://cdn/expired.jpg',
-                images: [
-                    { is_hero: false, signed_src: 'https://cdn/other.jpg' },
-                    {
-                        is_hero: true,
-                        signed_src: 'https://cdn/hero-full.jpg',
-                        thumbnail_signed_src: 'https://cdn/hero-thumb.jpg',
-                    },
-                ],
-            }),
-        }));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toEqual({
-            name: 'Construction Site',
-            image: 'https://cdn/hero-thumb.jpg',
-        });
-    });
-    it('ignores the top-level image, which Matterport hands out already expired', async () => {
-        // Requesting that URL answers 410 Gone; only the signatures inside
-        // `images` are freshly minted.
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
-            ok: true,
-            json: async () => ({
-                name: 'Space',
-                image: 'https://cdn/expired.jpg',
-                images: [{ is_hero: true, thumbnail_signed_src: 'https://cdn/fresh.jpg' }],
-            }),
-        }));
-        const metadata = await fetchMatterportMetadata(MODEL_ID);
-        expect(metadata?.image).toBe('https://cdn/fresh.jpg');
-        expect(metadata?.image).not.toContain('expired');
-    });
-    it('falls back to the full-size signed image when there is no thumbnail', async () => {
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
-            ok: true,
-            json: async () => ({
-                name: 'Space',
-                images: [{ is_hero: true, signed_src: 'https://cdn/full.jpg' }],
-            }),
-        }));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toMatchObject({
-            image: 'https://cdn/full.jpg',
-        });
-    });
-    it('uses a non-hero image when the space marks no hero', async () => {
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
-            ok: true,
-            json: async () => ({
-                name: 'Space',
-                images: [{ thumbnail_signed_src: 'https://cdn/first.jpg' }],
-            }),
-        }));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toMatchObject({
-            image: 'https://cdn/first.jpg',
-        });
-    });
-    it('reports no image when the space has none', async () => {
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: true, json: async () => ({ name: 'Space', images: [] }) }));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toEqual({
-            name: 'Space',
-            image: null,
-        });
-    });
-    it('resolves to null on a failed response rather than throwing', async () => {
-        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false, status: 404 }));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toBeNull();
-    });
-    it('resolves to null when the request itself fails', async () => {
-        // A preview is an enhancement; it must never break a render.
-        vi.stubGlobal('fetch', vi.fn().mockRejectedValue(new Error('offline')));
-        await expect(fetchMatterportMetadata(MODEL_ID)).resolves.toBeNull();
-    });
-    it('does not call out for an empty id', async () => {
-        const fetchMock = vi.fn();
-        vi.stubGlobal('fetch', fetchMock);
-        await expect(fetchMatterportMetadata('')).resolves.toBeNull();
-        expect(fetchMock).not.toHaveBeenCalled();
-    });
-});
-describe('MediaEmbed with Matterport', () => {
-    it('shows a tour facade that opens rather than plays', () => {
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home' },
-        });
-        expect(container.querySelector('iframe')).toBeNull();
-        expect(screen.getByRole('button', { name: 'Open Show home as a 3D tour on Matterport' })).toBeInTheDocument();
-    });
-    it('accepts modelId as an alias for videoId', () => {
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home', eager: true },
-        });
-        expect(container.querySelector('iframe')).toHaveAttribute('src', `https://my.matterport.com/show/?m=${MODEL_ID}&qs=1`);
-    });
-    it('grants the permissions the showcase needs for VR', () => {
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home', eager: true },
-        });
-        const iframe = container.querySelector('iframe');
-        expect(iframe.getAttribute('allow')).toContain('xr-spatial-tracking');
-        expect(iframe).toHaveAttribute('allowfullscreen');
-    });
-    it('resolves the space from a full showcase URL', () => {
-        const { container } = render(MediaEmbed, {
-            props: {
-                url: `https://my.matterport.com/show/?m=${MODEL_ID}`,
-                title: 'Show home',
-                eager: true,
-            },
-        });
-        expect(container.querySelector('iframe')?.getAttribute('src')).toContain(`m=${MODEL_ID}`);
-    });
-    it('makes no request to Matterport by default', async () => {
-        const fetchMock = vi.fn();
-        vi.stubGlobal('fetch', fetchMock);
-        render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home' },
-        });
-        await waitFor(() => expect(fetchMock).not.toHaveBeenCalled());
-    });
-    it('looks up the preview image only when asked', async () => {
-        const fetchMock = vi.fn().mockResolvedValue({
-            ok: true,
-            json: async () => ({
-                name: 'Construction Site',
-                images: [{ is_hero: true, thumbnail_signed_src: 'https://cdn/preview.jpg' }],
-            }),
-        });
-        vi.stubGlobal('fetch', fetchMock);
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home', fetchMetadata: true },
-        });
-        await waitFor(() => expect(fetchMock).toHaveBeenCalledOnce());
-        await waitFor(() => expect(container.querySelector('img')).toHaveAttribute('src', 'https://cdn/preview.jpg'));
-    });
-    it('skips the lookup when a poster was supplied', async () => {
-        const fetchMock = vi.fn();
-        vi.stubGlobal('fetch', fetchMock);
-        render(MediaEmbed, {
-            props: {
-                provider: 'matterport',
-                modelId: MODEL_ID,
-                title: 'Show home',
-                fetchMetadata: true,
-                poster: '/own.jpg',
-            },
-        });
-        await waitFor(() => expect(fetchMock).not.toHaveBeenCalled());
-    });
-    it('activates the showcase on click, with the space set moving', async () => {
-        const user = userEvent.setup();
-        const { container } = render(MediaEmbed, {
-            props: { provider: 'matterport', modelId: MODEL_ID, title: 'Show home' },
-        });
-        await user.click(screen.getByRole('button', { name: /Open Show home/ }));
-        const src = container.querySelector('iframe')?.getAttribute('src') ?? '';
-        expect(src).toContain(`m=${MODEL_ID}`);
-        expect(src).toContain('play=1');
-    });
-    it('reports an unresolvable tour as a tour, not a video', () => {
-        render(MediaEmbed, { props: { provider: 'matterport', title: 'Show home' } });
-        expect(screen.getByRole('alert')).toHaveTextContent('This 3D tour could not be loaded.');
-    });
-});
-describe('MediaGrid with Matterport tours', () => {
-    it('names tour tiles and shows no duration badge', () => {
-        const items = [matterportTour(MODEL_ID, { title: 'Show home' }), matterportTour('AbCdEfGhIjK')];
-        render(MediaGrid, { props: { items, label: 'Tours', lightbox: false } });
-        expect(screen.getByRole('button', { name: 'Show home' })).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: '3D tour 2' })).toBeInTheDocument();
-    });
-});