More tests

Author: stevebauman

tests/composables/useEditorUtils.test.js

@@ -0,0 +1,139 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { ref } from 'vue';
+import useEditorUtils from '~/composables/useEditorUtils';
+import usePreferencesStore from '~/composables/usePreferencesStore';
+
+describe('useEditorUtils', () => {
+    let preferences;
+
+    beforeEach(() => {
+        localStorage.clear();
+
+        preferences = usePreferencesStore();
+    });
+
+    describe('stripInitialPhpTag', () => {
+        it('strips opening PHP tag', () => {
+            const { stripInitialPhpTag } = useEditorUtils();
+
+            expect(stripInitialPhpTag('<?php\necho "hello";')).toBe('echo "hello";');
+        });
+
+        it('strips opening PHP tag without newline', () => {
+            const { stripInitialPhpTag } = useEditorUtils();
+
+            expect(stripInitialPhpTag('<?php echo "hello";')).toBe(' echo "hello";');
+        });
+
+        it('does not strip PHP tag in the middle', () => {
+            const { stripInitialPhpTag } = useEditorUtils();
+
+            expect(stripInitialPhpTag('echo "hello"; <?php')).toBe('echo "hello"; <?php');
+        });
+    });
+
+    describe('getCodeFromEditors', () => {
+        it('returns code from editors', () => {
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'javascript', value: 'const x = 1;', added: [], removed: [], focused: [] },
+            ];
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result).toEqual([
+                { id: '1', value: 'const x = 1;', added: [], removed: [], focused: [] },
+            ]);
+        });
+
+        it('strips initial PHP tag when preference is enabled', () => {
+            preferences.stripIntialPhpTag = true;
+
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'php', value: '<?php\necho "hello";', added: [2], removed: [3], focused: [4] },
+            ];
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result[0].value).toBe('echo "hello";');
+            expect(result[0].added).toEqual([1]);
+            expect(result[0].removed).toEqual([2]);
+            expect(result[0].focused).toEqual([3]);
+        });
+
+        it('does not strip PHP tag when preference is disabled', () => {
+            preferences.stripIntialPhpTag = false;
+
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'php', value: '<?php\necho "hello";', added: [2], removed: [], focused: [] },
+            ];
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result[0].value).toBe('<?php\necho "hello";');
+            expect(result[0].added).toEqual([2]);
+        });
+
+        it('only strips PHP tag for PHP language', () => {
+            preferences.stripIntialPhpTag = true;
+
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'javascript', value: '<?php\nconst x = 1;', added: [], removed: [], focused: [] },
+            ];
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result[0].value).toBe('<?php\nconst x = 1;');
+        });
+
+        it('accepts a ref of editors', () => {
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = ref([
+                { id: '1', language: 'javascript', value: 'const x = 1;', added: [], removed: [], focused: [] },
+            ]);
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result).toHaveLength(1);
+        });
+
+        it('handles null added/removed/focused', () => {
+            const { getCodeFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'javascript', value: 'x', added: null, removed: null, focused: null },
+            ];
+
+            const result = getCodeFromEditors(editors);
+
+            expect(result[0].added).toEqual([]);
+            expect(result[0].removed).toEqual([]);
+            expect(result[0].focused).toEqual([]);
+        });
+    });
+
+    describe('getLanguagesFromEditors', () => {
+        it('returns languages from editors', () => {
+            const { getLanguagesFromEditors } = useEditorUtils();
+
+            const editors = [
+                { id: '1', language: 'php', value: '' },
+                { id: '2', language: 'javascript', value: '' },
+            ];
+
+            expect(getLanguagesFromEditors(editors)).toEqual([
+                { id: '1', name: 'php' },
+                { id: '2', name: 'javascript' },
+            ]);
+        });
+    });
+});
+

tests/composables/useProjectStoreFactory.test.js

@@ -0,0 +1,63 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import useProjectStoreFactory from '~/composables/useProjectStoreFactory';
+import useTemplateStore from '~/composables/useTemplateStore';
+import { namespace } from '~/composables/useProjectStores';
+
+describe('useProjectStoreFactory', () => {
+    beforeEach(() => {
+        localStorage.clear();
+
+        useTemplateStore().$reset();
+    });
+
+    it('creates a store with default state', () => {
+        const store = useProjectStoreFactory(`${namespace}test-id`)();
+
+        expect(store.tab.id).toBe('test-id');
+        expect(store.tab.name).toBeNull();
+        expect(store.tab.order).toBe(0);
+        expect(store.modified).toBe(false);
+    });
+
+    it('strips the namespace from the tab ID', () => {
+        const store = useProjectStoreFactory(`${namespace}my-project`)();
+
+        expect(store.tab.id).toBe('my-project');
+    });
+
+    it('clones a project with a new tab ID', () => {
+        const store = useProjectStoreFactory(`${namespace}original`)();
+
+        store.tab.name = 'My Project';
+
+        const clone = store.clone();
+
+        expect(clone.tab.id).not.toBe('original');
+        expect(clone.tab.name).toBe('My Project');
+    });
+
+    it('saves as a template', () => {
+        const templates = useTemplateStore();
+        const store = useProjectStoreFactory(`${namespace}test`)();
+
+        store.tab.name = 'Test Project';
+
+        store.saveAsTemplate();
+
+        expect(templates.all()).toHaveLength(1);
+        expect(templates.all()[0].tab.name).toBe('Test Project');
+        expect(templates.all()[0].tab.id).not.toBe('test');
+    });
+
+    it('uses "Untitled Project" when saving a nameless project as template', () => {
+        const templates = useTemplateStore();
+        const store = useProjectStoreFactory(`${namespace}nameless-test`)();
+
+        store.saveAsTemplate();
+
+        const saved = templates.all().find((t) => t.tab.name === 'Untitled Project');
+
+        expect(saved).toBeTruthy();
+    });
+});
+

tests/composables/useSettingsStore.test.js

@@ -0,0 +1,73 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import useSettingsStore from '~/composables/useSettingsStore';
+
+describe('useSettingsStore', () => {
+    let settings;
+
+    beforeEach(() => {
+        localStorage.clear();
+
+        settings = useSettingsStore();
+
+        settings.$reset();
+    });
+
+    it('starts with empty state', () => {
+        expect(settings.tab).toBe('');
+        expect(settings.defaultTemplate).toBeNull();
+        expect(settings.backgrounds).toEqual([]);
+    });
+
+    it('adds a background', () => {
+        settings.addBackground('bg-1', { class: 'bg-red-500' });
+
+        expect(settings.backgrounds).toHaveLength(1);
+        expect(settings.backgrounds[0]).toEqual({ id: 'bg-1', class: 'bg-red-500' });
+    });
+
+    it('adds multiple backgrounds', () => {
+        settings.addBackground('bg-1', { class: 'bg-red-500' });
+        settings.addBackground('bg-2', { class: 'bg-blue-500' });
+
+        expect(settings.backgrounds).toHaveLength(2);
+    });
+
+    it('deletes a background', () => {
+        settings.addBackground('bg-1', { class: 'bg-red-500' });
+        settings.addBackground('bg-2', { class: 'bg-blue-500' });
+
+        settings.deleteBackground('bg-1');
+
+        expect(settings.backgrounds).toHaveLength(1);
+        expect(settings.backgrounds[0].id).toBe('bg-2');
+    });
+
+    it('returns displayable backgrounds with custom flag', () => {
+        settings.addBackground('bg-1', { class: 'bg-red-500' });
+
+        const displayable = settings.getDisplayableBackgrounds();
+
+        expect(displayable).toHaveLength(1);
+        expect(displayable[0]).toEqual({
+            id: 0,
+            custom: true,
+            class: 'bg-red-500',
+            'id': 'bg-1',
+        });
+    });
+
+    it('sets a default template', () => {
+        settings.setDefaultTemplate('template-1');
+
+        expect(settings.getDefaultTemplate()).toBe('template-1');
+    });
+
+    it('clears the default template', () => {
+        settings.setDefaultTemplate('template-1');
+
+        settings.clearDefaultTemplate();
+
+        expect(settings.getDefaultTemplate()).toBeNull();
+    });
+});
+