feat: add communication support and journal prototypes

2026-09-28 18:03:06 +09:00
parent 4e8957c94a
commit 0ee5d181a5
14 changed files with 1498 additions and 1 deletions
@@ -0,0 +1,147 @@
+import { expect, test } from '../fixtures'
+
+const reviewSubject = '来週のレビュー、日程を決める'
+const coffeeSubject = '久しぶりに、お茶でも'
+
+test('reviews an edited reply and keeps the simulated result in history', async ({
+  page,
+  a11y,
+}) => {
+  await page.goto('/support')
+  await page.waitForLoadState('networkidle')
+  const rows = page.locator('.support-row')
+  await expect(rows).toHaveCount(3)
+  await rows.filter({ hasText: reviewSubject }).click()
+  await page.getByRole('button', { name: '丁寧に', exact: true }).click()
+  const reply = page.getByRole('textbox', { name: '返信', exact: true })
+  await expect(reply).toHaveValue(/資料をご共有/)
+  const edited = '資料を確認しました。初回の導線について当日お話しします。'
+  await reply.fill(edited)
+  const slot = '10月5日（月）14:00–14:30'
+  await page.getByRole('combobox', { name: '日程候補' }).selectOption(slot)
+  await page.getByRole('button', { name: '返信に入れる' }).click()
+  await expect(reply).toHaveValue(`${edited}\n\n${slot}はいかがでしょうか。`)
+  await page.getByRole('button', { name: '送信内容を確認' }).click()
+  const dialog = page.getByRole('dialog', { name: '送信内容の確認' })
+  await expect(dialog).toContainText(edited)
+  await expect(dialog).toContainText(slot)
+  await expect(dialog).toContainText('外部には送信されません')
+  expect((await a11y().analyze()).violations).toEqual([])
+  await dialog.getByRole('button', { name: '戻る', exact: true }).click()
+  await expect(reply).toHaveValue(new RegExp(edited))
+  await page.getByRole('button', { name: '送信内容を確認' }).click()
+  await dialog.getByRole('button', { name: '送信を試す' }).click()
+  await expect(dialog).toHaveCount(0)
+  await expect(rows.filter({ hasText: reviewSubject })).toHaveCount(0)
+  await page.getByRole('button', { name: '履歴', exact: true }).click()
+  await rows.filter({ hasText: reviewSubject }).click()
+  await expect(page.locator('.support-outcome')).toContainText(edited)
+  await expect(page.locator('.support-outcome')).toContainText(slot)
+})
+
+test('defers a conversation and restores it to the current queue', async ({
+  page,
+}) => {
+  await page.goto('/support')
+  await page.waitForLoadState('networkidle')
+  const rows = page.locator('.support-row')
+  await rows.filter({ hasText: coffeeSubject }).click()
+  await page
+    .getByRole('textbox', { name: '返信', exact: true })
+    .fill('土曜の予定を確認してから返事するね。')
+  await page.getByRole('button', { name: '今は置いておく' }).click()
+  await expect(rows.filter({ hasText: coffeeSubject })).toHaveCount(0)
+  await page.getByRole('button', { name: 'あとで', exact: true }).click()
+  await rows.filter({ hasText: coffeeSubject }).click()
+  await expect(
+    page.getByRole('textbox', { name: '返信', exact: true }),
+  ).toHaveValue('土曜の予定を確認してから返事するね。')
+  await page.getByRole('button', { name: '今に戻す' }).click()
+  const back = page.getByRole('button', { name: '連絡一覧に戻る' })
+  if (await back.isVisible()) await back.click()
+  await expect(rows.filter({ hasText: coffeeSubject })).toBeVisible()
+  await expect(
+    page.getByRole('button', { name: '今', exact: true }),
+  ).toHaveAttribute('aria-pressed', 'true')
+})
+
+test('keeps corrections as new records and summarizes only selected current facts', async ({
+  page,
+  a11y,
+}) => {
+  await page.goto('/journal')
+  await page.waitForLoadState('networkidle')
+  await expect(
+    page.getByRole('button', { name: '記録する', exact: true }),
+  ).toBeDisabled()
+  await page
+    .getByRole('textbox', { name: '記録内容' })
+    .fill('次はレビュー資料の導線を確認する')
+  await page.getByRole('button', { name: '記録する', exact: true }).click()
+  await expect(page.getByRole('article', { name: 'メモの記録' })).toContainText(
+    '発生日時: 不明',
+  )
+  await page.getByRole('button', { name: '体重', exact: true }).click()
+  await page.getByRole('spinbutton', { name: '体重', exact: true }).fill('65.2')
+  await page.getByRole('textbox', { name: '記録元' }).fill('自宅の体重計')
+  await page.getByRole('button', { name: '記録する', exact: true }).click()
+  await page
+    .getByRole('article', { name: '体重の記録' })
+    .getByRole('button', { name: '訂正する' })
+    .click()
+  const correction = page.getByRole('dialog', { name: '記録を訂正' })
+  await correction
+    .getByRole('spinbutton', { name: '体重', exact: true })
+    .fill('65.8')
+  await correction.getByRole('button', { name: '訂正を追加' }).click()
+  const weights = page.getByRole('article', { name: '体重の記録' })
+  await expect(weights).toHaveCount(2)
+  await expect(weights.filter({ hasText: '65.2 kg' })).toContainText('訂正前')
+  await expect(weights.filter({ hasText: '65.8 kg' })).toContainText('訂正')
+  await page
+    .getByRole('button', { name: '記録をまとめる', exact: true })
+    .click()
+  const review = page.getByRole('dialog', { name: '記録をまとめる' })
+  const summary = review.getByRole('textbox', { name: '記録のまとめ' })
+  await expect(summary).toHaveValue(/65.8 kg/)
+  await expect(summary).not.toHaveValue(/65.2 kg/)
+  await expect(summary).toHaveValue(/記録元: 自宅の体重計/)
+  await expect(summary).toHaveValue(/発生日時が不明の記録: 2件/)
+  await review.getByRole('checkbox', { name: /次はレビュー資料/ }).uncheck()
+  await expect(summary).not.toHaveValue(/次はレビュー資料/)
+  await expect(summary).toHaveValue(/記録のない期間の服薬・体重は不明/)
+  expect((await a11y().analyze()).violations).toEqual([])
+})
+
+test('fits communication and journal interactions in narrow screens', async ({
+  page,
+  a11y,
+}) => {
+  for (const width of [320, 375, 768]) {
+    await page.setViewportSize({ width, height: 850 })
+    await page.goto('/support')
+    await page.waitForLoadState('networkidle')
+    expect(
+      await page.evaluate(() => document.documentElement.scrollWidth),
+    ).toBe(width)
+    await page.locator('.support-row').first().click()
+    await expect(
+      page.getByRole('textbox', { name: '返信', exact: true }),
+    ).toBeVisible()
+    expect(
+      await page.evaluate(() => document.documentElement.scrollWidth),
+    ).toBe(width)
+    if (width === 320) expect((await a11y().analyze()).violations).toEqual([])
+    const back = page.getByRole('button', { name: '連絡一覧に戻る' })
+    if (await back.isVisible()) await back.click()
+    await page.getByRole('link', { name: '記録', exact: true }).click()
+    await page.getByRole('button', { name: '体重', exact: true }).click()
+    await expect(
+      page.getByRole('spinbutton', { name: '体重', exact: true }),
+    ).toBeVisible()
+    expect(
+      await page.evaluate(() => document.documentElement.scrollWidth),
+    ).toBe(width)
+    if (width === 320) expect((await a11y().analyze()).violations).toEqual([])
+  }
+})