ENH - rework homescreen editing and widgets

frontend/src/views/SpringboardWidgetActions.contract.test.ts

@@ -0,0 +1,39 @@
+import { readFileSync } from 'node:fs'
+
+import { describe, expect, it } from 'vitest'
+
+const source = readFileSync(
+  new URL('./SpringboardView.vue', import.meta.url),
+  'utf8',
+)
+
+describe('Springboard widget actions Sky UI contract', () => {
+  it('uses the first-party action sheet without legacy Konsta sheet markup', () => {
+    expect(source).not.toContain('<k-sheet')
+    expect(source).not.toContain('<k-list')
+    expect(source).not.toContain('<k-list-item')
+    expect(source).toContain('<SkyProvider')
+    expect(source).toContain('<SkyActionSheet')
+    expect(source).toContain('<SkyActionGroup')
+    expect(source).toContain('<SkyActionsLabel')
+    expect(source).toContain('<SkyActionButton')
+  })
+
+  it('anchors the action sheet to the phone-owned springboard', () => {
+    expect(source).toMatch(
+      /\.widget-action-provider\s*\{[^}]*position:\s*absolute;[^}]*inset:\s*0;[^}]*pointer-events:\s*none;/s,
+    )
+    expect(source).toMatch(
+      /\.widget-action-sheet\s*\{[^}]*--sky-overlay-layer:\s*105;/s,
+    )
+  })
+
+  it('keeps ordinary actions white and removal destructive', () => {
+    expect(source).toMatch(
+      /\.widget-action-sheet\s+:deep\(\.sky-action-button\)\s*\{[^}]*color:\s*#fff;/s,
+    )
+    expect(source).toMatch(
+      /\.widget-action-sheet\s+:deep\(\.widget-action-remove\)\s*\{[^}]*color:\s*var\(--sky-danger\);/s,
+    )
+  })
+})