[QA] §B Polls: voting / selected / progress state and multiple-choice rendering on non-TDS themes #171

Closed
opened 2026-09-17 23:24:06 -04:00 by jared · 1 comment
Owner

Migrated from LOTUS_TESTING.md §B on 2026-09-17 — the file is now reference-only.

How to report: tick each item as it passes; on FAIL comment with what you saw vs expected, browser/OS, web (chat.lotusguild.org) vs desktop (Tauri), theme, and any browser-console errors. Screenshots for anything visual.

Checklist

  • B2. Voting + selected/progress state
  • B3. Multiple-choice poll

This was the actual bug: poll buttons used undefined CSS variables, so on the default (non-Lotus-Terminal) themes they rendered with invisible borders / no selected state.

B2. Voting + selected/progress state

  1. Vote on an option.
    Expected
  • The selected option shows a filled accent border + filled radio, and an accent progress-bar fill grows behind it proportional to the vote %.
  • The percentage and total vote count update.
  • Click again / pick another option → selection moves correctly (single-choice replaces; the bar redraws).

B3. Multiple-choice poll

  1. Create a poll allowing multiple selections.
    Expected
  • Indicators are square checkboxes (not circles); selected ones show a that's legible against the filled box.
  • You can select several options; each shows its own progress fill.
_Migrated from `LOTUS_TESTING.md` §B on 2026-09-17 — the file is now reference-only._ **How to report:** tick each item as it passes; on FAIL comment with what you saw vs expected, browser/OS, web (chat.lotusguild.org) vs desktop (Tauri), theme, and any browser-console errors. Screenshots for anything visual. **Checklist** - [ ] B2. Voting + selected/progress state - [ ] B3. Multiple-choice poll --- This was the actual bug: poll buttons used undefined CSS variables, so on the **default (non-Lotus-Terminal) themes** they rendered with invisible borders / no selected state. ### B2. Voting + selected/progress state 1. **Vote** on an option. **Expected** - The selected option shows a **filled accent border + filled radio**, and an **accent progress-bar fill** grows behind it proportional to the vote %. - The percentage and total vote count update. - Click again / pick another option → selection moves correctly (single-choice replaces; the bar redraws). ### B3. Multiple-choice poll 1. Create a poll allowing **multiple selections**. **Expected** - Indicators are **square checkboxes** (not circles); selected ones show a **✓** that's legible against the filled box. - You can select **several** options; each shows its own progress fill.
jared added this to the Manual QA backlog milestone 2026-09-17 23:24:06 -04:00
jared added the area: messagingarea: appearanceqa labels 2026-09-17 23:24:06 -04:00
Author
Owner

Verified on the local dev homeserver with Playwright on the default Light and Dark themes (colorScheme emulation, System Theme on), creating polls through the composer and voting through the UI:

light dark
B2 single-choice: options are bordered buttons with a radio (role=radio), voting sets aria-checked, the selected option gets the accent border (rgb(24,88,213) light / rgb(189,182,236) dark) and a filled accent bar, percentage + "1 vote" appear
B2 re-vote: selection moves, old option unchecked, bar redraws
B3 multiple-choice: role=checkbox squares, ✓ legible on the filled box, two selections each with their own fill, "Select up to 3"

light
dark

B1/B4 were already PASS. One unrelated papercut surfaced while doing this and is filed as #212 (own message can land below the fold after a poll vote). Closing.

Verified on the local dev homeserver with Playwright on the default **Light** and **Dark** themes (`colorScheme` emulation, System Theme on), creating polls through the composer and voting through the UI: | | light | dark | |---|---|---| | B2 single-choice: options are bordered buttons with a radio (`role=radio`), voting sets `aria-checked`, the selected option gets the accent border (`rgb(24,88,213)` light / `rgb(189,182,236)` dark) and a filled accent bar, percentage + "1 vote" appear | ✓ | ✓ | | B2 re-vote: selection moves, old option unchecked, bar redraws | ✓ | ✓ | | B3 multiple-choice: `role=checkbox` squares, ✓ legible on the filled box, two selections each with their own fill, "Select up to 3" | ✓ | ✓ | ![light](https://code.lotusguild.org/attachments/7706fdb9-1e89-492e-b39d-fa076fcbf8bb) ![dark](https://code.lotusguild.org/attachments/51983b98-0c2d-4ec2-aae1-3a7f696332bf) B1/B4 were already PASS. One unrelated papercut surfaced while doing this and is filed as #212 (own message can land below the fold after a poll vote). Closing.
jared closed this issue 2026-09-18 17:49:36 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#171