ENH - migrate Home Screen widgets to Sky UI

frontend/src/components/SpringboardWidget.contract.test.ts

@@ -0,0 +1,49 @@
+import { readFileSync } from 'node:fs'
+
+import { describe, expect, it } from 'vitest'
+
+const source = readFileSync(
+  new URL('./SpringboardWidget.vue', import.meta.url),
+  'utf8',
+)
+
+describe('SpringboardWidget UI contract', () => {
+  it('uses the Sky widget frame without a Konsta surface', () => {
+    expect(source).toContain('<SkyWidgetFrame')
+    expect(source).not.toContain("from 'konsta/vue'")
+    expect(source).not.toContain('<k-glass')
+    expect(source).not.toContain('<k-badge')
+  })
+
+  it('keeps the full widget surface clickable without affecting layout', () => {
+    expect(source).toContain('class="home-widget-open"')
+    expect(source).toContain('@click.stop="openWidget"')
+    expect(source).toContain('position: absolute;')
+    expect(source).toContain('background: transparent;')
+  })
+
+  it('shows the reactive clock time in the calendar header', () => {
+    expect(source).toContain('class="widget-date-time"')
+    expect(source).toContain('{{ clock.time.value }}')
+    expect(source).toContain('font-variant-numeric: tabular-nums;')
+  })
+
+  it('reuses weather artwork and music metadata from the owning apps', () => {
+    expect(source).toContain('<WeatherConditionIcon')
+    expect(source).toContain('music.current.value?.artwork')
+    expect(source).toContain('music.progress.value')
+  })
+
+  it.each([
+    'sunny',
+    'clear',
+    'partly_cloudy',
+    'cloudy',
+    'rain',
+    'thunder',
+    'fog',
+    'snow',
+  ])('provides an adaptive %s weather surface', (condition) => {
+    expect(source).toContain(`data-weather-condition='${condition}'`)
+  })
+})