mirror of
https://github.com/chinchang/web-maker.git
synced 2025-01-16 20:08:15 +01:00
37d8e9801a
This is basically the change propagated from the current default preact tempalate. Now the code compiles according to set browsers.
109 lines
3.2 KiB
JavaScript
109 lines
3.2 KiB
JavaScript
// See: https://github.com/mzgoddard/preact-render-spy
|
|
import { shallow, deep } from 'preact-render-spy';
|
|
import {
|
|
assignFilePaths,
|
|
getFileFromPath,
|
|
removeFileAtPath,
|
|
getParentPath,
|
|
getExtensionFromFileName
|
|
} from '../src/fileUtils';
|
|
|
|
function getNestedFiles() {
|
|
return [
|
|
{ name: 'index.html' },
|
|
{
|
|
name: 'styles',
|
|
isFolder: true,
|
|
children: [{ name: 'main.css' }, { name: 'style.css' }]
|
|
},
|
|
{ name: 'script.js' }
|
|
];
|
|
}
|
|
describe('getExtensionFromFileName', () => {
|
|
test('should return correct extension', () => {
|
|
expect(getExtensionFromFileName('test.js')).toBe('js');
|
|
expect(getExtensionFromFileName('test.css')).toBe('css');
|
|
expect(getExtensionFromFileName('test.main.css')).toBe('css');
|
|
});
|
|
test('should return empty string when no extension is found', () => {
|
|
expect(getExtensionFromFileName('hello')).toBe('');
|
|
});
|
|
});
|
|
|
|
describe('assignFilePaths', () => {
|
|
test('should assign path on linear file system', () => {
|
|
const files = [{ name: 'index.html' }, { name: 'main.css' }];
|
|
assignFilePaths(files);
|
|
expect(files[0].path).toBe('index.html');
|
|
expect(files[1].path).toBe('main.css');
|
|
});
|
|
test('should assign path on nested file system', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
expect(files[0].path).toBe('index.html');
|
|
expect(files[1].children[0].path).toBe('styles/main.css');
|
|
});
|
|
});
|
|
|
|
describe('getFileFromPath', () => {
|
|
test('should return file and correct index', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
const { index, file } = getFileFromPath(files, 'index.html');
|
|
expect(index).toBe(0);
|
|
expect(file).toBe(files[index]);
|
|
});
|
|
test('should return empty object for non-existent path', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
const { index, file } = getFileFromPath(files, 'style.css');
|
|
expect(index).toBe(-1);
|
|
expect(file).toBe(undefined);
|
|
});
|
|
test('should return file and correct index for a nested file', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
const { index, file } = getFileFromPath(files, 'styles/style.css');
|
|
expect(index).toBe(1);
|
|
expect(file).toBe(files[1].children[index]);
|
|
});
|
|
});
|
|
|
|
describe('removeFileAtPath', () => {
|
|
test('should remove direct child file', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
|
|
expect(files.length).toBe(3);
|
|
|
|
removeFileAtPath(files, 'index.html');
|
|
expect(files.length).toBe(2);
|
|
expect(files[0].name).toBe('styles');
|
|
});
|
|
|
|
test('should remove a nested file', () => {
|
|
const files = getNestedFiles();
|
|
assignFilePaths(files);
|
|
|
|
expect(files.length).toBe(3);
|
|
|
|
removeFileAtPath(files, 'styles/style.css');
|
|
expect(files.length).toBe(3);
|
|
expect(files[1].children.length).toBe(1);
|
|
expect(files[0].name).toBe('index.html');
|
|
expect(files[2].name).toBe('script.js');
|
|
});
|
|
});
|
|
|
|
describe('getParentPath', () => {
|
|
test('should return correct parent path for root file', () => {
|
|
expect(getParentPath('style.css')).toBe('');
|
|
});
|
|
|
|
test('should return correct parent path for nested file', () => {
|
|
expect(getParentPath('styles/style.css')).toBe('styles');
|
|
expect(getParentPath('js/plugins/main.js')).toBe('js/plugins');
|
|
expect(getParentPath('js/plugins/readme')).toBe('js/plugins');
|
|
});
|
|
});
|