@skyhook-io/k8s-ui 1.18.1 → 1.18.2

package/src/utils/touch-intent.test.ts

@@ -0,0 +1,39 @@
+// @vitest-environment jsdom
+import { beforeEach, describe, expect, it } from 'vitest'
+import { isTouchIntent } from './touch-intent'
+
+function press(pointerType: string) {
+  const e = new Event('pointerdown', { bubbles: true }) as Event & { pointerType: string }
+  Object.defineProperty(e, 'pointerType', { value: pointerType })
+  document.body.dispatchEvent(e)
+}
+
+function pressKey() {
+  document.body.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }))
+}
+
+// The module keeps the last touch time across tests and files; a key press clears it.
+beforeEach(pressKey)
+
+describe('isTouchIntent', () => {
+  it('ignores mouse presses', () => {
+    press('mouse')
+    expect(isTouchIntent()).toBe(false)
+  })
+
+  it('is set right after a touch press and expires', () => {
+    press('touch')
+    const now = performance.now()
+    expect(isTouchIntent(now)).toBe(true)
+    expect(isTouchIntent(now + 2000)).toBe(false)
+  })
+})
+
+describe('isTouchIntent and the keyboard', () => {
+  it('ends the tap window on a key press', () => {
+    press('touch')
+    expect(isTouchIntent()).toBe(true)
+    pressKey()
+    expect(isTouchIntent()).toBe(false)
+  })
+})

package/src/utils/touch-intent.ts

@@ -0,0 +1,35 @@
+// A tap fires a burst of mouse-compatibility events (mouseover, mouseenter)
+// and focuses the tapped control, and when the tap changes the layout the
+// browser can report a hover on whatever now sits under the finger. Hover and
+// focus affordances (tooltips, hover cards) that react to that burst pop open
+// over whatever the tap just opened. This records the last touch or pen
+// pointer-down so they can tell a tap's side effects from a real hover or a
+// keyboard focus.
+const TOUCH_INTENT_MS = 800
+
+let lastTouchAt = Number.NEGATIVE_INFINITY
+
+if (typeof document !== 'undefined') {
+  document.addEventListener(
+    'pointerdown',
+    (e) => {
+      if (e.pointerType !== 'mouse') lastTouchAt = performance.now()
+    },
+    { capture: true, passive: true },
+  )
+  // Keyboard use ends the tap's window: a Tab right after a tap (a touchscreen
+  // laptop) is real keyboard focus.
+  document.addEventListener(
+    'keydown',
+    () => {
+      lastTouchAt = Number.NEGATIVE_INFINITY
+    },
+    { capture: true, passive: true },
+  )
+}
+
+/** True right after a touch or pen press: a mouseenter or focus now is the
+ *  tap's side effect, not a hover or keyboard navigation. */
+export function isTouchIntent(now = performance.now()): boolean {
+  return now - lastTouchAt < TOUCH_INTENT_MS
+}

package/vitest.config.ts

@@ -0,0 +1,26 @@
+import path from 'path'
+import { configDefaults, defineConfig } from 'vitest/config'
+import { isolatedTestFiles } from '../../scripts/vitest-isolated-tests'
+
+const isolated = isolatedTestFiles(__dirname)
+
+export default defineConfig({
+  test: {
+    fsModuleCache: true,
+    // Worktrees symlink node_modules to one checkout, so the default cache
+    // location would be shared by every worktree.
+    fsModuleCachePath: path.resolve(__dirname, '.vitest-cache'),
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: 'shared',
+          isolate: false,
+          setupFiles: [path.resolve(__dirname, '../../scripts/vitest-shared-setup.ts')],
+          exclude: [...configDefaults.exclude, ...isolated],
+        },
+      },
+      { extends: true, test: { name: 'isolated', include: isolated } },
+    ],
+  },
+})