两道网页复刻任务

Functional: With a fully loaded empty list and All selected at 1280x900, enter Buy milk and press Enter, then enter Read book and press Enter. Show two separate active rows in insertion order, preserve the first task, and clear the entry after each submission. Control: typing without Enter must leave the text in the entry rather than create a row. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional control: With two active tasks visible and the new-task entry empty, press Enter. The same two rows remain and no blank task is added. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Buy milk and Read book active in All, click Buy milk’s completion control. Buy milk becomes completed while Read book remains active. Click the same control again after returning to All: Buy milk becomes active again without removing either task. The reverse action is the control against a one-way or inert toggle. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Buy milk completed and Read book active, select Active, Completed, then All using the visible filters. Active shows only Read book; Completed shows only Buy milk; All restores both with their existing states. These contrasting memberships control against an unchanged list and against deleting hidden tasks. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Buy milk and Read book active in All, double-click Read book’s label, select and replace its text with Read novel, and press Enter. A normal row now reads Read novel; Read book is absent, Buy milk is unchanged, and there are still exactly two tasks. The unchanged first task and row total control against creation or editing the wrong row. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: Starting with no tasks, create two active tasks, complete one, reactivate it, then use toggle-all in both directions. The visible remaining count follows 1, 2, 1, 2, 0, 2 as those states are reached. With one active task and one completed task, switching to Active or Completed keeps the count at 1; it counts active tasks overall rather than visible rows or all tasks. Use singular item at 1 and plural items at 0 and 2. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With two active tasks visible in All, activate the top toggle-all control. Both tasks become completed and neither disappears. Activate it again: both become active with their text preserved. The second activation controls against a one-way bulk action. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Visual fidelity: At 1280x900 with no tasks, open the fully loaded page and compare its screenshot to the empty reference. Match the light gray page, centered approximately 550px-wide column, yellow demo banner at the top, very large pale pink todos heading, white entry panel around y=175 with a light italic placeholder and soft shadow, and the three small pale centered footer lines below. Task rows and the count/filter bar are absent in this empty state; the entry remains visible. Judge rendered appearance, not source structure. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Visual fidelity: At 1280x900, create two active tasks in All and inspect the resulting screenshot. Match the white panel, approximately 60px-high separated rows, large gray left-aligned labels, circular completion controls on the left, top chevron, bottom count on the left, centered filter links with a thin pale selected border, layered lower edges and shadow, and footer moving below the taller panel. Use equivalent visible task state; reference click coordinates are not implementation requirements. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Visual fidelity: With one completed and one active task, view All, Active, and Completed and inspect each screenshot. Completed labels are pale gray and struck through with a greenish check in the circular control; active labels remain dark and unchecked. Match the selected filter outline and Clear completed control at the footer’s right; the panel contracts to fit filtered rows. This criterion judges styling and placement separately from filter membership. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Visual fidelity: With two active tasks visible, double-click the second label and inspect edit mode. Match the bordered inset editing field spanning the row to the right of the completion-control gutter, its large text, row alignment, and retained surrounding panel/footer. Leaving the ordinary label unchanged is not this editing appearance. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Buy milk completed and Read novel active in All at 1280x900, click Clear completed. Buy milk disappears, Read novel stays active, the remaining count stays at 1, and Clear completed is no longer shown. The surviving active task controls against clearing everything, and disappearance of the completed row controls against doing nothing. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Read novel and Temporary task active in All at 1280x900, point at or click within the Temporary task row to reveal its right-side cross, then click that cross. Only Temporary task disappears; Read novel remains active and the count changes from 2 to 1. Then reveal and activate Read novel’s cross: the final row and list footer disappear while the task-entry field remains. The first surviving row controls against deleting the whole list; the final deletion controls the empty-state transition. Reference validation status: observed; the cited screenshots show the stated outcomes and any described controls.

Functional: With Buy milk completed and the committed edit Read novel active in All, reopen the same website in the same browser context, wait for its task interface to load, and inspect the result. Both labels and their completion states remain, with 1 item left; Read book must not reappear. Observed reference validation used browser_open, with the established mixed state visible again in event 000031. This grades persistence on reopening. A literal reload shortcut was rejected by the visual tool in event 000028, so the separate direct-reload control remains pending and must not be reported as validated.

Functional outcome; precondition: a fresh calculator at 1280×900. Action: open the app without signing in. Expected: usable arithmetic input and keypad appear with empty expression and history; no account step blocks calculation. For subsequent isolated journeys, reset visibly using clear on a nonempty active row followed by clear all on a blank row; do not assume reload persistence.

Functional outcome; precondition: empty focused expression and empty history. Action: enter (12.5+3.5)*2-8/4 by keyboard. Expected before submission: the complete expression is visible and its live result is 30, respecting decimals, parentheses and multiplication/division precedence; history is still empty. Judge the displayed expression/result, independently of the editor implementation.

Functional outcome; precondition: (12.5+3.5)*2-8/4 is visibly entered with result 30 and no history. Action: press Enter. Expected: one history row contains that expression and result 30, and the active row becomes blank and ready for another expression. The calculation must visibly move to history rather than merely remain as an input preview.

Functional outcome / empty-submission control; precondition: empty active row, first with no history and separately after a calculation has been submitted. Action: press Enter. Expected: no blank history entry, repeated answer or duplicate prior calculation is added; existing history remains unchanged.

Functional outcome; precondition: latest submitted answer is 30 and active row is blank. Action: click ans, append +7, then click the blue bent-arrow submit control. Expected: ans visibly supplies 30, the expression previews 37, and submission appends an expression/result row ending in 37 below the earlier result 30 while restoring blank input. Judge arrow submission separately from Enter submission.

Functional outcome; precondition: blank active row with earlier history retained. Action: click √, then keypad 8 and 1, then the blue submit arrow. Expected: √81 visibly previews 9, then a √81 = 9 history entry is appended and active input becomes blank. The digits must populate the radicand, not appear as an unrelated number.

Functional outcome / latest-answer control; precondition: history contains results 30, 37, then √81 = 9 in that order and active row is blank. Action: click ans. Expected: the inserted answer is 9, with existing history unchanged; it must not keep using the older 30 or 37.

Functional outcome / clear-versus-clear-all control; precondition: history contains the three calculations ending in √81 = 9 and the active row contains an ans token for 9. Action: click toolbar clear. Expected: active expression and its preview disappear immediately, all three history rows remain, and the toolbar offers clear all. No confirmation step is required.

Functional outcome / destructive-reset control; precondition: nonempty visible history and blank active input. Action: click clear all, then click it again on the empty calculator. Expected: the first click immediately removes every history row and leaves input empty; the repeated click keeps it empty without adding an entry or showing a confirmation dialog.

Functional outcome; precondition: an existing history row and blank active expression. Action: click keypad 4, then 2, then the visible toolbar backspace icon. Expected: the active expression changes from 42 to 4, and the prior history remains unchanged. Removing the whole input or doing nothing does not meet this outcome.

Functional outcome / missing-answer control; precondition: clear all has left history and input empty. Action: click ans. Expected: an inserted ans item visibly indicates an unavailable answer with a warning instead of fabricating a numeric result. No exact error wording or behavior after invalid history is required.

Functional outcome / incomplete-expression control; precondition: blank active row with valid earlier history. Action: click keypad 7 and +, press Enter, then click the resulting warning indicator. Expected: 7+ is recorded as an invalid expression with a visible warning and blank new input; opening the warning explains that the + operation is missing an operand. It must not show an ordinary numeric answer. Exact explanatory wording is not required.

Functional outcome / undefined-division control; precondition: calculator reset to empty history/input. Action: click keypad 1, ÷, 0, then blue submit arrow. Expected: 1 ÷ 0 previews undefined and is recorded with result undefined in history, followed by blank input. It must not produce a finite number or retain a stale previous answer.

Functional outcome / negative-root control; precondition: empty active expression. Action: click √, −, 9, then blue submit arrow. Expected: the radical covers −9, its result is undefined, and submission records that expression with undefined above a blank input. This distinguishes the negative radicand from a positive square root or a stale numeric answer.

Visual fidelity; precondition: fresh empty calculator at 1280×900, default appearance. Action: open the app and allow the header to settle. Expected: preserve the reference composition: white page, centered narrow calculator approximately 400×550 at x440–840/y175–725, thin gray outer border, tall white history region, active expression strip immediately above a light-gray toolbar and keypad. Focused input has a thin blue outline. Assess overall proportions and alignment, not exact click coordinates or internal structure.

Visual fidelity; precondition: empty calculator at 1280×900. Action: inspect the toolbar and keypad. Expected: toolbar order is undo, redo, clear all, backspace and wrench; the four-column/five-row keypad is ( | ) | √ | ÷; 7 | 8 | 9 | ×; 4 | 5 | 6 | −; 1 | 2 | 3 | +; 0 | . | ans | blue bent-arrow submit. Match compact rectangular keys, narrow gaps, gray number/decimal keys, pale function keys and blue submit styling. This criterion grades appearance; undo/redo/settings behavior is not required.

Visual fidelity; precondition: the arithmetic result 30, ans+7 result 37 and √81 result 9 have been submitted using the visible controls. Action: inspect the resulting calculator. Expected: separated white history rows accumulate directly above the active row with expressions on the left and equals/results on the right, using reference-like mathematical typography and ×/÷/− symbols. The radical has an overbar; ans is a compact blue outlined value token with a small ans label. Preserve thin row separators, readable spacing and the focused blue active row without overlapping keypad or results. Numerical correctness is graded by the functional criteria.

Visual fidelity; precondition: default page at 1280×900. Action: inspect the surrounding page after it settles. Expected: light-gray full-width top bar with gray desmos wordmark left, Math Tools / Resources / Partnerships near the middle, Log In / blue Sign Up / globe / print controls right, plus bottom-centered Terms of Service / Privacy Policy / Help links. Match hierarchy, muted colors and whitespace. External navigation, account, print, help and language services are not required.