From 53678e6fb364858bcc3f8dcef890b515383c2ead Mon Sep 17 00:00:00 2001 From: Kawa Date: Wed, 1 Apr 2026 10:58:16 +0200 Subject: [PATCH] test(09): complete UAT - 6 passed, 1 issue Co-Authored-By: Claude Opus 4.6 (1M context) --- .planning/phases/09-md3-components/09-UAT.md | 63 ++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 .planning/phases/09-md3-components/09-UAT.md diff --git a/.planning/phases/09-md3-components/09-UAT.md b/.planning/phases/09-md3-components/09-UAT.md new file mode 100644 index 0000000..d458bf5 --- /dev/null +++ b/.planning/phases/09-md3-components/09-UAT.md @@ -0,0 +1,63 @@ +--- +status: complete +phase: 09-md3-components +source: [09-01-SUMMARY.md, 09-02-SUMMARY.md, 09-03-SUMMARY.md, 09-04-SUMMARY.md] +started: 2026-04-01T11:00:00Z +updated: 2026-04-01T11:15:00Z +--- + +## Current Test + +[testing complete] + +## Tests + +### 1. Floating Labels on All Text Inputs +expected: Navigate through all wizard steps. Every text input should display an MD3 floating label that sits inside the input when empty, animates upward on focus, and stays floated when a value is entered. +result: pass + +### 2. Password Field Show/Hide Toggle +expected: On the Remote Config step, the SAS URL (password) field should have a show/hide toggle button inside the input on the right side. Clicking it toggles between masked (dots) and visible text. The field also has a floating label. +result: pass + +### 3. MD3 Step Indicator with Circles +expected: The wizard step indicator shows numbered circles (not text breadcrumbs). Completed steps display a checkmark inside a filled circle and are clickable to navigate back. The active step has a highlighted ring/border. Future steps are muted/greyed out. Connector lines between steps are filled for completed segments and outlined for future ones. +result: pass + +### 4. MD3 Button Hierarchy +expected: Across all wizard steps: primary forward actions (Next, Download All) use a filled pill-shaped button style. Secondary/back actions (Back, Copy, Download individual) use an outlined pill-shaped button style. The visual distinction between primary and secondary buttons should be clear. +result: pass + +### 5. BackendCard Elevation and Shape +expected: On the Backend Selection step, each backend card (Azure, AWS, GCP) should have rounded corners (visibly rounded, not sharp) and a subtle shadow. Hovering a card should slightly increase the shadow/elevation. +result: pass + +### 6. OutputBlock Code Styling +expected: On the Review/Output step, code output blocks should have rounded corners and a subtle shadow, giving them a contained card-like appearance rather than flat unstyled pre blocks. +result: pass + +### 7. Tooltip Info Buttons Accessibility +expected: On the Remote Config step, fields with info tooltips should have an info button. Hovering or focusing the button should display the tooltip text. The tooltip button should not interfere with the field's label association (i.e., clicking the field label still focuses the input). +result: issue +reported: "Hovering the tooltip button doesn't show anything. Also, the placement of the tooltip icon isn't right: it should be besides the text that's under the field (for example, in the SAS URL field, the 'i' icon should be to the left of 'Full SAS URL including account and container')" +severity: major + +## Summary + +total: 7 +passed: 6 +issues: 1 +pending: 0 +skipped: 0 + +## Gaps + +- truth: "Tooltip info buttons show tooltip text on hover and are properly positioned" + status: failed + reason: "User reported: Hovering the tooltip button doesn't show anything. Also, the placement of the tooltip icon isn't right: it should be besides the text that's under the field (for example, in the SAS URL field, the 'i' icon should be to the left of 'Full SAS URL including account and container')" + severity: major + test: 7 + root_cause: "" + artifacts: [] + missing: [] + debug_session: ""