wehub-resource-sync
92 lines
3.8 KiB
TypeScript
92 lines
3.8 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 AionUi (aionui.com)
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import { describe, it, expect } from 'vitest';
|
|
import {
|
|
injectBackgroundCssBlock,
|
|
BACKGROUND_BLOCK_START,
|
|
BACKGROUND_BLOCK_END,
|
|
} from '@/renderer/pages/settings/AppearanceSettings/backgroundUtils';
|
|
|
|
describe('backgroundUtils', () => {
|
|
const testImageUrl = 'data:image/png;base64,iVBORw0KGg';
|
|
|
|
it('injects background block into empty CSS', () => {
|
|
const result = injectBackgroundCssBlock('', testImageUrl);
|
|
expect(result).toContain(BACKGROUND_BLOCK_START);
|
|
expect(result).toContain(BACKGROUND_BLOCK_END);
|
|
expect(result).toContain(`url("${testImageUrl}")`);
|
|
});
|
|
|
|
it('injects background block into CSS without existing block', () => {
|
|
const existingCss = `body { color: red; }`;
|
|
const result = injectBackgroundCssBlock(existingCss, testImageUrl);
|
|
expect(result).toContain(existingCss);
|
|
expect(result).toContain(BACKGROUND_BLOCK_START);
|
|
expect(result).toContain(BACKGROUND_BLOCK_END);
|
|
expect(result).toContain(`url("${testImageUrl}")`);
|
|
});
|
|
|
|
it('replaces existing background block with new one', () => {
|
|
const oldImageUrl = 'data:image/png;base64,OLD';
|
|
const existingCss = `body { color: red; }\n${BACKGROUND_BLOCK_START}\nbody { background-image: url("${oldImageUrl}"); }\n${BACKGROUND_BLOCK_END}\nfooter { color: blue; }`;
|
|
const result = injectBackgroundCssBlock(existingCss, testImageUrl);
|
|
|
|
expect(result).toContain(BACKGROUND_BLOCK_START);
|
|
expect(result).toContain(BACKGROUND_BLOCK_END);
|
|
expect(result).toContain(`url("${testImageUrl}")`);
|
|
expect(result).not.toContain(oldImageUrl);
|
|
expect(result).toContain('body { color: red; }');
|
|
expect(result).toContain('footer { color: blue; }');
|
|
});
|
|
|
|
it('handles CSS with multiple whitespace variations', () => {
|
|
const cssWithSpaces = ` body { color: red; } \n\n `;
|
|
const result = injectBackgroundCssBlock(cssWithSpaces, testImageUrl);
|
|
expect(result).toContain('body { color: red; }');
|
|
expect(result).toContain(BACKGROUND_BLOCK_START);
|
|
});
|
|
|
|
it('generates correct CSS structure with all required selectors', () => {
|
|
const result = injectBackgroundCssBlock('', testImageUrl);
|
|
expect(result).toContain('body,');
|
|
expect(result).toContain('html,');
|
|
expect(result).toContain('.arco-layout,');
|
|
expect(result).toContain('.app-shell');
|
|
expect(result).toContain('background-size: cover');
|
|
expect(result).toContain('background-attachment: fixed');
|
|
});
|
|
|
|
it('removes old block completely when replacing', () => {
|
|
const existingCss = `${BACKGROUND_BLOCK_START}\nOLD BLOCK CONTENT\n${BACKGROUND_BLOCK_END}`;
|
|
const result = injectBackgroundCssBlock(existingCss, testImageUrl);
|
|
expect(result).not.toContain('OLD BLOCK CONTENT');
|
|
const startCount = (result.match(/\/\* AionUi Theme Background Start \*\//g) || []).length;
|
|
const endCount = (result.match(/\/\* AionUi Theme Background End \*\//g) || []).length;
|
|
expect(startCount).toBe(1);
|
|
expect(endCount).toBe(1);
|
|
});
|
|
|
|
it('preserves other CSS when no existing block', () => {
|
|
const css = `.class1 { color: blue; }\n.class2 { color: green; }`;
|
|
const result = injectBackgroundCssBlock(css, testImageUrl);
|
|
expect(result).toContain('.class1 { color: blue; }');
|
|
expect(result).toContain('.class2 { color: green; }');
|
|
});
|
|
|
|
it('handles empty image URL by returning empty string for new CSS', () => {
|
|
const result = injectBackgroundCssBlock('', '');
|
|
expect(result).toBe('');
|
|
});
|
|
|
|
it('removes existing block when image URL is empty', () => {
|
|
const existingCss = `body { color: red; }\n${BACKGROUND_BLOCK_START}\nBACKGROUND\n${BACKGROUND_BLOCK_END}`;
|
|
const result = injectBackgroundCssBlock(existingCss, '');
|
|
expect(result).toBe('body { color: red; }');
|
|
expect(result).not.toContain(BACKGROUND_BLOCK_START);
|
|
});
|
|
});
|