Dermot Duffy
cc376a8be1
Whilst the Frigate support in this card is the best among camera engines, the name incorrectly suggests that Frigate is a requirement. Instead, to broaden the appeal, change to more camera agnostic name. This does not suggest any change in priority, role or support for Frigate. This change is likely to be bug prone, due to the size of the rename -- the code contains 1500+ references to "Frigate" most of which make sense to rename, some which do not, all of which needed human assessment. - Closes #1298 BREAKING CHANGE: References to `frigate-card` in all kinds of configuration need to be updated to `advanced-camera-card`. An automated config upgrade should take care of the majority of usecases (click `Edit -> Upgrade -> Save`), though may not be perfect.
95 lines
3.3 KiB
TypeScript
95 lines
3.3 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import AutoMediaLoadedInfo from '../../../../../src/utils/embla/plugins/auto-media-loaded-info/auto-media-loaded-info';
|
|
import {
|
|
dispatchExistingMediaLoadedInfoAsEvent,
|
|
dispatchMediaUnloadedEvent,
|
|
} from '../../../../../src/utils/media-info';
|
|
import { createMediaLoadedInfo, createParent } from '../../../../test-utils';
|
|
import {
|
|
createEmblaApiInstance,
|
|
createTestEmblaOptionHandler,
|
|
createTestSlideNodes,
|
|
} from '../../test-utils';
|
|
|
|
// @vitest-environment jsdom
|
|
describe('AutoMediaLoadedInfo', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
});
|
|
|
|
it('should construct', () => {
|
|
const plugin = AutoMediaLoadedInfo();
|
|
expect(plugin.name).toBe('autoMediaLoadedInfo');
|
|
});
|
|
|
|
it('should destroy', () => {
|
|
const plugin = AutoMediaLoadedInfo();
|
|
const emblaApi = createEmblaApiInstance();
|
|
plugin.init(emblaApi, createTestEmblaOptionHandler());
|
|
plugin.destroy();
|
|
|
|
expect(emblaApi.off).toBeCalledWith('init', expect.anything());
|
|
});
|
|
|
|
describe('should correctly propogate media load/unload depending on whether media is currently selected', () => {
|
|
it.each([
|
|
['loaded' as const, true],
|
|
['unloaded' as const, true],
|
|
['loaded' as const, false],
|
|
['unloaded' as const, false],
|
|
])('%s', (type: string, selected: boolean) => {
|
|
const plugin = AutoMediaLoadedInfo();
|
|
const children = createTestSlideNodes();
|
|
const parent = createParent({ children: children });
|
|
|
|
const emblaApi = createEmblaApiInstance({
|
|
containerNode: parent,
|
|
slideNodes: children,
|
|
selectedScrollSnap: selected ? 5 : 4,
|
|
});
|
|
plugin.init(emblaApi, createTestEmblaOptionHandler());
|
|
|
|
const mediaLoadedHandler = vi.fn();
|
|
parent.addEventListener('advanced-camera-card:media:' + type, mediaLoadedHandler);
|
|
if (type === 'loaded') {
|
|
dispatchExistingMediaLoadedInfoAsEvent(children[5], createMediaLoadedInfo());
|
|
} else if (type === 'unloaded') {
|
|
dispatchMediaUnloadedEvent(children[5]);
|
|
}
|
|
|
|
if (selected) {
|
|
expect(mediaLoadedHandler).toBeCalled();
|
|
} else {
|
|
expect(mediaLoadedHandler).not.toBeCalled();
|
|
}
|
|
});
|
|
});
|
|
|
|
it('selecting a slide should dispatch a previously saved media loaded info if present', () => {
|
|
const plugin = AutoMediaLoadedInfo();
|
|
const children = createTestSlideNodes();
|
|
const parent = createParent({ children: children });
|
|
const emblaApi = createEmblaApiInstance({
|
|
containerNode: parent,
|
|
slideNodes: children,
|
|
});
|
|
plugin.init(emblaApi, createTestEmblaOptionHandler());
|
|
|
|
const mediaLoadedHandler = vi.fn();
|
|
parent.addEventListener('advanced-camera-card:media:loaded', mediaLoadedHandler);
|
|
dispatchExistingMediaLoadedInfoAsEvent(children[5], createMediaLoadedInfo());
|
|
|
|
vi.mocked(emblaApi.selectedScrollSnap).mockReturnValue(4);
|
|
emblaApi
|
|
.containerNode()
|
|
.dispatchEvent(new Event('advanced-camera-card:carousel:force-select'));
|
|
expect(mediaLoadedHandler).not.toBeCalled();
|
|
|
|
vi.mocked(emblaApi.selectedScrollSnap).mockReturnValue(5);
|
|
emblaApi
|
|
.containerNode()
|
|
.dispatchEvent(new Event('advanced-camera-card:carousel:force-select'));
|
|
expect(mediaLoadedHandler).toBeCalled();
|
|
});
|
|
});
|