feat: redesign task detail paper flow

2026-09-18 18:26:31 +08:00
parent 26f6ef31a6
commit 432a133a42
9 changed files with 263 additions and 45 deletions
@@ -132,6 +132,20 @@ describe('AppSheet', () => {
    expect(host.getAttribute('aria-hidden')).toBeNull()
  })

+  it('places a newly opened stacked modal above the existing modal', async () => {
+    const host = document.createElement('main'); document.body.append(host)
+    const second = ref(false)
+    const app = createApp({ setup: () => () => h('div', [
+      h(AppSheet, { open:true, titleId:'layer-lower' }, { default:() => h('h2',{id:'layer-lower'},'lower') }),
+      h(AppSheet, { open:second.value, titleId:'layer-upper' }, { default:() => h('h2',{id:'layer-upper'},'upper') }),
+    ]) })
+    app.mount(host); cleanups.push(() => app.unmount()); await nextTick(); await nextTick()
+    second.value = true; await nextTick(); await nextTick()
+    const lower = document.querySelector<HTMLElement>('[aria-labelledby="layer-lower"]')!.parentElement!
+    const upper = document.querySelector<HTMLElement>('[aria-labelledby="layer-upper"]')!.parentElement!
+    expect(Number(upper.style.zIndex)).toBeGreaterThan(Number(lower.style.zIndex))
+  })
+
  it('focuses prompt input and confirm dialog cancel action', async () => {
    const host = document.createElement('div'); document.body.append(host)
    const dialog = ref<InstanceType<typeof AppDialog> | null>(null)