Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Expand homepage browser coverage beyond the document title

オープン 初心者向け
#349 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@xlc がすでに取り組んでいます。

2026年10月15日 から。

  • #388 @xlc による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
88/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript
領域
testing-qa

調査の方向性

src/tests/e2e/home.spec.ts から始め、次に src/app/page.tsx と src/components/form.tsx を調べて、レンダリングされる見出し、アクセシブルなフォームコントロール、toast の動作、主要なリンクを特定します。ドキュメントタイトルのアサーションを維持したまま、ホームページの E2E テストのみを更新します。可視の見出し、アクセシブルな入力コントロールと送信コントロール、期待される主要なリンクをセマンティックなアサーションでカバーできれば完了です。

索引モデルが issue の本文から書いたものです。

説明

enhancement

Task

Expand the homepage browser test with semantic assertions for the rendered headline, demo form, and primary links.

Context

The staging task-discovery review found that src/__tests__/e2e/home.spec.ts only asserts the document title, while src/app/page.tsx and src/components/form.tsx render the core headline, name input, submit control, toast behavior, and primary links.

Discovery report task-discovery-b8a8d41f-6598-45f5-8609-de35e88b9693 identified this open issue as the exact existing match. Continue this issue rather than creating a duplicate.

The subsequent discovery report task-discovery-2e9c1f39-93c9-42cf-9466-ec103ef8d13b also confirmed this issue as the matching open task. This publication update uses that report's completed repository inspection; it does not claim a new source inspection or test execution.

Confirmed source evidence

Previously recorded source inspection against main at commit 6b5e541f090e591b3faa3b46f6d0b764d3aa54e6:

Additional confirmed evidence from report task-discovery-2e9c1f39-93c9-42cf-9466-ec103ef8d13b:

  • Complete inspection of src/__tests__/e2e/home.spec.ts, lines 3–7, confirms the browser test currently navigates to / and checks only the document title.
  • Complete inspection of src/app/page.tsx, lines 8–33, and src/components/form.tsx, lines 36–63, confirms the localized heading, demo form input and submit control, and both primary links are rendered but lack assertions in that test.
  • Duplicate decision: continue open #349 rather than creating another homepage coverage issue. The report's issue-body excerpt was truncated; the full body was read for this publication update.

Scope

  • Preserve the existing document-title assertion.
  • Assert the visible homepage headline and the demo form's accessible input and submit control.
  • Assert both expected primary links using semantic locators rather than brittle CSS or DOM structure.

Acceptance criteria

  • The existing document-title assertion remains in place.
  • The homepage E2E test verifies the visible localized headline using a semantic heading locator.
  • It verifies the demo form's input and localized submit control using accessible, user-facing locators appropriate to the existing markup and localized input placeholder.
  • It verifies both primary links using semantic link locators and their expected destinations: the starter's getting-started documentation and GitHub repository.
  • Assertions do not depend on CSS classes, incidental DOM nesting, or styling.

Implementation Surface

  • Inspect: src/__tests__/e2e/home.spec.ts, src/app/page.tsx, src/components/form.tsx, src/messages/en.json, playwright.config.ts.
  • Update: src/__tests__/e2e/home.spec.ts.
  • Public contracts affected: none.

Verification guidance

  • With the repository's normal dependencies and environment configured, run npm run e2e -- src/__tests__/e2e/home.spec.ts.
  • Run the focused test across all configured browser projects: Chromium, Firefox, and WebKit (playwright.config.ts, lines 33–48); do not restrict validation to a single project.
  • Run the configured E2E suite with npm run e2e to check for locator or rendering regressions.
  • Review locator choices for accessible semantics and localization-aware expectations rather than brittle structure/style matching.
  • Record focused-test and configured-suite results when implementing; this issue update is evidence gathering and planning, not a test execution result.

Out of scope

  • Repository selection, authentication changes, new homepage behavior, or unrelated visual redesign.
主要言語
TypeScript
スター
0
フォーク
0
平均マージ
12分
マージ済み PR(30日)
6

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

polka-codes/test のほかの issue

polka-codes/test の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。