feat(site): list required css imports per skin in preset reference (#1521)

This commit is contained in:
Renzo Delfino
2026-06-12 14:57:42 -03:00
committed by GitHub
parent 4a81e048a1
commit 1145f09e52
9 changed files with 34 additions and 20 deletions
@@ -940,9 +940,14 @@ describe('Preset pipeline (end-to-end)', () => {
expect(ref.html.mediaElement).toBeUndefined();
});
it('detects React skins', () => {
it('detects React skins with CSS imports', () => {
const skins = findPreset('video')!.reference.react.skins;
expect(skins).toEqual(expect.arrayContaining([{ name: 'VideoSkin' }, { name: 'MinimalVideoSkin' }]));
expect(skins).toEqual(
expect.arrayContaining([
{ name: 'VideoSkin', cssImport: '@videojs/react/video/skin.css' },
{ name: 'MinimalVideoSkin', cssImport: '@videojs/react/video/minimal-skin.css' },
])
);
});
it('excludes React tailwind skins', () => {
@@ -981,9 +986,9 @@ describe('Preset pipeline (end-to-end)', () => {
expect(ref.html.mediaElement).toBeUndefined();
});
it('detects single React skin', () => {
it('detects single React skin with CSS import', () => {
const skins = findPreset('audio')!.reference.react.skins;
expect(skins).toEqual([{ name: 'AudioSkin' }]);
expect(skins).toEqual([{ name: 'AudioSkin', cssImport: '@videojs/react/audio/skin.css' }]);
});
it('detects React media element', () => {
@@ -1022,7 +1027,7 @@ describe('Preset pipeline (end-to-end)', () => {
expect(skinNames).not.toContain('BackgroundVideoPlayerElement');
});
it('detects React skin', () => {
it('detects React skin without CSS import when no CSS file exists', () => {
const skins = findPreset('background')!.reference.react.skins;
expect(skins).toEqual([{ name: 'BackgroundVideoSkin' }]);
});