@pequity/squirrel 5.2.1 → 5.2.3

package/squirrel/composables/useInputClasses.spec.js

@@ -1,3 +1,4 @@
+import { SPACING_LEFT, SPACING_PREFIX, SPACING_RIGHT, SPACING_SUFFIX } from '@squirrel/utils/inputClassesShared';
 import { reactive } from 'vue';
 import { useInputClasses } from '@squirrel/composables/useInputClasses';
 
@@ -164,4 +165,44 @@ describe('useInputClasses', () => {
     );
     expect(errorMsgClasses.value).toBe('text-xs text-on-error mt-1');
   });
+
+  it('should apply the SPACING_PREFIX when prefix is true', () => {
+    const props = reactive({
+      size: 'md',
+      prefix: true,
+    });
+    const { inputClasses } = useInputClasses(props);
+
+    expect(inputClasses.value).toContain(SPACING_PREFIX.md);
+  });
+
+  it('should apply the SPACING_SUFFIX when suffix is true', () => {
+    const props = reactive({
+      size: 'md',
+      suffix: true,
+    });
+    const { inputClasses } = useInputClasses(props);
+
+    expect(inputClasses.value).toContain(SPACING_SUFFIX.md);
+  });
+
+  it('should apply SPACING_LEFT when prefix is false', () => {
+    const props = reactive({
+      size: 'md',
+      prefix: false,
+    });
+    const { inputClasses } = useInputClasses(props);
+
+    expect(inputClasses.value).toContain(SPACING_LEFT.md);
+  });
+
+  it('should apply SPACING_RIGHT when suffix is false', () => {
+    const props = reactive({
+      size: 'md',
+      suffix: false,
+    });
+    const { inputClasses } = useInputClasses(props);
+
+    expect(inputClasses.value).toContain(SPACING_RIGHT.md);
+  });
 });

package/squirrel/index.spec.js

@@ -0,0 +1,21 @@
+describe('index.ts module exports', () => {
+  it('should export from @squirrel/tailwind/config', async () => {
+    const config = await import('@squirrel/tailwind/config');
+    expect(config).toBeDefined();
+  });
+
+  it('should export from @squirrel/components', async () => {
+    const components = await import('@squirrel/components');
+    expect(components).toBeDefined();
+  });
+
+  it('should export from @squirrel/composables', async () => {
+    const composables = await import('@squirrel/composables');
+    expect(composables).toBeDefined();
+  });
+
+  it('should export from @squirrel/utils', async () => {
+    const utils = await import('@squirrel/utils');
+    expect(utils).toBeDefined();
+  });
+});

package/squirrel/utils/dom.spec.js

@@ -6,13 +6,12 @@ describe('isVisible', () => {
   beforeEach(() => {
     element = document.createElement('div');
     // Simulate element dimensions since jsdom doesn't support layout
-    jest.spyOn(element, 'offsetWidth', 'get').mockImplementation(() => 100);
-    jest.spyOn(element, 'offsetHeight', 'get').mockImplementation(() => 100);
+    vi.spyOn(element, 'offsetWidth', 'get').mockImplementation(() => 100);
+    vi.spyOn(element, 'offsetHeight', 'get').mockImplementation(() => 100);
   });
 
   afterEach(() => {
     element = null;
-    jest.clearAllMocks();
   });
 
   it('throws an error when no element is provided', () => {

package/squirrel/utils/listKeyboardNavigation.spec.js

@@ -53,20 +53,16 @@ describe('listKeyboardNavigation', () => {
   };
 
   it('initializes correctly', () => {
-    document.addEventListener = jest.fn().mockImplementationOnce();
+    document.addEventListener = vi.fn().mockImplementationOnce();
 
     const navigationSvc = createTestSvc();
 
     navigationSvc.init();
 
-    expect(navigationSvc).toHaveProperty(
-      'getItems',
-      'getFocusedItem',
-      'clearFocusedState',
-      'setFocusedItem',
-      'listKeydown',
-      'init',
-      'destroy'
+    ['getItems', 'getFocusedItem', 'clearFocusedState', 'setFocusedItem', 'listKeydown', 'init', 'destroy'].forEach(
+      (method) => {
+        expect(navigationSvc).toHaveProperty(method);
+      }
     );
 
     expect(document.addEventListener).toBeCalledWith('keydown', navigationSvc.listKeydown);

package/squirrel/utils/sanitization.spec.js

@@ -1,7 +1,7 @@
 import { sanitizeUrl } from '@squirrel/utils/sanitization';
 
 describe('sanitizeUrl', () => {
-  const consoleMock = jest.spyOn(console, 'warn').mockImplementation(() => undefined);
+  const consoleMock = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
 
   afterAll(() => {
     consoleMock.mockReset();

package/squirrel/utils/tailwind.spec.js

@@ -0,0 +1,27 @@
+import { cloneDeep } from 'lodash-es';
+import { getScreen } from './tailwind';
+
+const screens = { sm: '640px', md: '768px' };
+
+describe('tailwind', () => {
+  it('should return the correct screen size for a valid key', () => {
+    // Mock the theme.screens object
+    const originalScreens = global.screens;
+    global.screens = cloneDeep(screens);
+
+    expect(getScreen('sm')).toBe('640px');
+    expect(getScreen('md')).toBe('768px');
+
+    // Restore the original screens object
+    global.screens = originalScreens;
+  });
+
+  it('should return undefined for an invalid key', () => {
+    const originalScreens = global.screens;
+    global.screens = cloneDeep(screens);
+
+    expect(getScreen('xxl')).toBeUndefined();
+
+    global.screens = originalScreens;
+  });
+});