91 lines
3.3 KiB
TypeScript
91 lines
3.3 KiB
TypeScript
import type { LitElement } from 'lit';
|
|
import { describe, expect, it } from 'vitest';
|
|
|
|
import type { MediaLoadedInfoEventDetail } from '../../src/types';
|
|
import { MountedCardFactory, type MountedCard } from '../browser/mounted-card';
|
|
import {
|
|
CAMERA_ENTITY,
|
|
createGenericCameraHASS,
|
|
createStillImageCardConfig,
|
|
isMediaLoadedInfoEventDetail,
|
|
} from '../browser/test-utils';
|
|
|
|
const UNRELATED_ENTITY = 'input_boolean.unrelated';
|
|
|
|
const IMAGE_ERROR_EVENT = 'advanced-camera-card:image-updating-player:error';
|
|
|
|
// The size of the static image fixture the player loads. Everything downstream
|
|
// sizes the card from what the player measured, so these are read from the
|
|
// media rather than declared anywhere in the configuration.
|
|
const FIXTURE_WIDTH = 320;
|
|
const FIXTURE_HEIGHT = 180;
|
|
|
|
const mount = async (): Promise<MountedCard> => {
|
|
const hass = createGenericCameraHASS({ entities: { [UNRELATED_ENTITY]: 'off' } });
|
|
return await MountedCardFactory.createFromSource(createStillImageCardConfig(), hass);
|
|
};
|
|
|
|
const getMediaLoadedInfos = (card: MountedCard): MediaLoadedInfoEventDetail[] =>
|
|
card.events
|
|
.getEntries('advanced-camera-card:media:loaded')
|
|
.map((entry) => entry.detail)
|
|
.filter(isMediaLoadedInfoEventDetail);
|
|
|
|
describe('AdvancedCameraCardImageUpdatingPlayer', () => {
|
|
it('should announce the media load once even when the card re-renders', async () => {
|
|
const card = await mount();
|
|
|
|
const player = await card.waitForSelector<LitElement>(
|
|
'advanced-camera-card-image-updating-player',
|
|
);
|
|
await card.events.waitForFirst('advanced-camera-card:media:loaded');
|
|
|
|
// Something changes that the media knows nothing about. Announcing the
|
|
// media load here would mean the player had quietly reloaded, which is how
|
|
// a stream that churns looks from the outside.
|
|
card.setEntityState(UNRELATED_ENTITY, 'on');
|
|
|
|
// The card renders, and then the player does: each level only asks the next
|
|
// to render once it has rendered itself, so a second announcement would
|
|
// arrive by the end of this.
|
|
await card.updateComplete;
|
|
await player.updateComplete;
|
|
|
|
const loads = getMediaLoadedInfos(card);
|
|
expect(loads).toHaveLength(1);
|
|
expect(loads[0].info.targetID).toBe(CAMERA_ENTITY);
|
|
});
|
|
|
|
it('should ignore an image failure that arrives after the card leaves the page', async () => {
|
|
const card = await mount();
|
|
const player = await card.waitForSelector(
|
|
'advanced-camera-card-image-updating-player',
|
|
);
|
|
const image = await card.waitForSelector('img');
|
|
|
|
const failures: Event[] = [];
|
|
player.addEventListener(IMAGE_ERROR_EVENT, (ev) => failures.push(ev));
|
|
|
|
image.dispatchEvent(new Event('error'));
|
|
expect(failures).toHaveLength(1);
|
|
|
|
// The browser answers a request the player made before the card came off
|
|
// the page. Nobody is looking at the media it was for, so the player must
|
|
// say nothing about it.
|
|
card.detach();
|
|
image.dispatchEvent(new Event('error'));
|
|
|
|
expect(failures).toHaveLength(1);
|
|
});
|
|
|
|
it('should announce the size of the media itself', async () => {
|
|
const card = await mount();
|
|
|
|
await card.events.waitForFirst('advanced-camera-card:media:loaded');
|
|
|
|
const [load] = getMediaLoadedInfos(card);
|
|
expect(load.info.width).toBe(FIXTURE_WIDTH);
|
|
expect(load.info.height).toBe(FIXTURE_HEIGHT);
|
|
});
|
|
});
|