slim-select 2.13.1 → 3.0.0

package/src/slim-select/classes.test.ts

@@ -1,6 +1,6 @@
 'use strict'
 
-import { describe, expect, test } from '@jest/globals'
+import { describe, expect, test } from 'vitest'
 import CssClasses from './classes'
 
 const defaultClasses: { [key: string]: string } = {
@@ -19,8 +19,9 @@ const defaultClasses: { [key: string]: string } = {
   arrowClose: 'M10,30 L50,70 L90,30',
   arrowOpen: 'M10,70 L50,30 L90,70',
   content: 'ss-content',
-  openAbove: 'ss-open-above',
-  openBelow: 'ss-open-below',
+  contentOpen: 'ss-open',
+  dirAbove: 'ss-dir-above',
+  dirBelow: 'ss-dir-below',
   search: 'ss-search',
   searchHighlighter: 'ss-search-highlight',
   searching: 'ss-searching',
@@ -38,7 +39,7 @@ const defaultClasses: { [key: string]: string } = {
   option: 'ss-option',
   optionDelete: 'M10,10 L90,90 M10,90 L90,10',
   highlighted: 'ss-highlighted',
-  open: 'ss-open',
+  mainOpen: 'ss-open',
   close: 'ss-close',
   selected: 'ss-selected',
   error: 'ss-error',
@@ -61,10 +62,10 @@ describe('CssClasses module', () => {
   test('classes can be overwritten via the constructor', () => {
     const classesWithOverride = JSON.parse(JSON.stringify(defaultClasses))
     classesWithOverride['main'] = 'new-main'
-    classesWithOverride['open'] = 'new-open'
+    classesWithOverride['mainOpen'] = 'new-open'
 
     // Convert to unknown and then to custom object to prevent TS from throwing errors
-    const classes = new CssClasses({ main: 'new-main', open: 'new-open' }) as unknown as { [key: string]: string }
+    const classes = new CssClasses({ main: 'new-main', mainOpen: 'new-open' }) as unknown as { [key: string]: string }
     Object.keys(classesWithOverride).forEach((key) => {
       expect(classes[key]).toBe(classesWithOverride[key])
     })

package/src/slim-select/classes.ts

@@ -23,8 +23,9 @@ export default class CssClasses {
 
   // Content
   public content: string
-  public openAbove: string
-  public openBelow: string
+  public contentOpen: string
+  public dirAbove: string
+  public dirBelow: string
 
   // Search
   public search: string
@@ -52,7 +53,7 @@ export default class CssClasses {
   public highlighted: string
 
   // Misc
-  public open: string
+  public mainOpen: string
   public close: string
   public selected: string
   public error: string
@@ -80,8 +81,9 @@ export default class CssClasses {
     this.arrowClose = classes.arrowClose || 'M10,30 L50,70 L90,30'
     this.arrowOpen = classes.arrowOpen || 'M10,70 L50,30 L90,70'
     this.content = classes.content || 'ss-content'
-    this.openAbove = classes.openAbove || 'ss-open-above'
-    this.openBelow = classes.openBelow || 'ss-open-below'
+    this.contentOpen = classes.contentOpen || 'ss-open'
+    this.dirAbove = classes.dirAbove || 'ss-dir-above'
+    this.dirBelow = classes.dirBelow || 'ss-dir-below'
     this.search = classes.search || 'ss-search'
     this.searchHighlighter = classes.searchHighlighter || 'ss-search-highlight'
     this.searching = classes.searching || 'ss-searching'
@@ -99,7 +101,7 @@ export default class CssClasses {
     this.option = classes.option || 'ss-option'
     this.optionDelete = classes.optionDelete || 'M10,10 L90,90 M10,90 L90,10'
     this.highlighted = classes.highlighted || 'ss-highlighted'
-    this.open = classes.open || 'ss-open'
+    this.mainOpen = classes.mainOpen || 'ss-open'
     this.close = classes.close || 'ss-close'
     this.selected = classes.selected || 'ss-selected'
     this.error = classes.error || 'ss-error'

package/src/slim-select/helpers.test.ts

@@ -4,7 +4,7 @@
 
 'use strict'
 
-import { describe, expect, test } from '@jest/globals'
+import { describe, expect, test, vi } from 'vitest'
 import { hasClassInTree, debounce, isEqual, kebabCase } from './helpers'
 
 describe('helpers module', () => {
@@ -73,7 +73,7 @@ describe('helpers module', () => {
 
   describe('debounce', () => {
     test('debounce calls function after default timeout', async () => {
-      const callback = jest.fn()
+      const callback = vi.fn()
       const debounced_function = debounce(callback)
       debounced_function()
 
@@ -84,33 +84,35 @@ describe('helpers module', () => {
     })
 
     test('debounce calls function after higher timeout', async () => {
-      const callback = jest.fn()
+      const callback = vi.fn()
       const debounced_function = debounce(callback, 100)
       debounced_function()
 
       await new Promise((r) => setTimeout(r, 50))
       expect(callback).not.toHaveBeenCalled()
 
-      await new Promise((r) => setTimeout(r, 50))
+      // Wait a bit longer to account for CI timing variations
+      await new Promise((r) => setTimeout(r, 100))
       expect(callback).toHaveBeenCalled()
       expect(callback).toHaveBeenCalledTimes(1)
     })
 
     test('debounce calls function after lower timeout', async () => {
-      const callback = jest.fn()
+      const callback = vi.fn()
       const debounced_function = debounce(callback, 10)
       debounced_function()
 
       await new Promise((r) => setTimeout(r, 5))
       expect(callback).not.toHaveBeenCalled()
 
-      await new Promise((r) => setTimeout(r, 5))
+      // Wait a bit longer to account for CI timing variations
+      await new Promise((r) => setTimeout(r, 10))
       expect(callback).toHaveBeenCalled()
       expect(callback).toHaveBeenCalledTimes(1)
     })
 
     test('debounce respects inmediate setting', () => {
-      const callback = jest.fn()
+      const callback = vi.fn()
       const debounced_function = debounce(callback, 1000, true)
       debounced_function()
 
@@ -119,7 +121,7 @@ describe('helpers module', () => {
     })
 
     test('debounce respects order of calls', async () => {
-      const callback = jest.fn(() => {})
+      const callback = vi.fn(() => {})
       const debounced_function: (a: number) => void = debounce(callback)
       debounced_function(0)
       debounced_function(1)