Task 02: Verify disclosure behavior on desktop and mobile

Extend the existing dependency-selector browser coverage to prove the new collapsed default, expansion path, mobile touch behavior, and unchanged task creation payload.

Acceptance

Desktop E2E proves the advanced row is collapsed on first render below the model, executor, and workflow controls, the dependency trigger is hidden until expansion, and the selector appears after expansion.
Desktop E2E keeps the existing selector checks for the No dependency default, labeled setting help, task icons, search, info help, multiple selection, clearing, and blocked_by persistence after creation. It also verifies the two-column option grid keeps the label to the left of the selector on the same horizontal row and makes the option narrower than the full desktop grid.
Mobile E2E expands the section with touch input, verifies the disclosure hit box and setting help control are at least 44 CSS pixels, verifies the label and selector remain on the same horizontal row with the label to the selector's left, and retains picker containment, touch selection, help readability, and no-horizontal-overflow checks.
The managed desktop and mobile runs pass against a fresh production build with no stale frontend artifacts.

Verification

cd apps
pnpm install --frozen-lockfile
cd web
pnpm e2e:run --project chromium e2e/tests/task/create-task-dependency-selector.spec.ts
pnpm e2e:run --project mobile-chrome e2e/tests/task/mobile-create-task-dependency-selector.spec.ts

Files likely touched

apps/web/e2e/tests/task/create-task-dependency-selector.spec.ts
apps/web/e2e/tests/task/mobile-create-task-dependency-selector.spec.ts

Dependencies and risks

Task 01. The exact disclosure test ID and final placement are outputs of the UI implementation. If the mobile hitbox is reduced because the visual label is small, the E2E test should catch it before the change is considered complete.

Parallelism

sequential after Task 01. The E2E files are independent of backend changes, but they depend on the final UI contract.

Inputs

Scenarios and mobile contract in docs/specs/task-dependencies/create-dialog-advanced-settings.md
Existing desktop coverage in apps/web/e2e/tests/task/create-task-dependency-selector.spec.ts
Existing mobile coverage in apps/web/e2e/tests/task/mobile-create-task-dependency-selector.spec.ts
Layout helpers in apps/web/e2e/helpers/layout-assertions.ts

Output contract

Report the exact managed commands, pass counts, viewport and overflow results, artifacts, blockers, and the final Task 02 and plan status.

Results

pnpm e2e:run --project chromium e2e/tests/task/create-task-dependency-selector.spec.ts passed 1 test on a fresh production build.
pnpm e2e:run --project mobile-chrome e2e/tests/task/mobile-create-task-dependency-selector.spec.ts passed 1 test on a fresh production build. The test covered the 44 CSS pixel disclosure hitbox, picker containment, touch selection, help readability, and no horizontal overflow.
No E2E artifacts or blockers remain. The runner cleaned its temporary fixture and test-result directories after each managed run.

3.4 KiB Raw Blame History