My Sea FREE DRAW + seat-1C seated transition — Sprint 5 iter 1 follow-up — TDD

Iter-1 follow-up after the user re-spec'd the FREE DRAW click behavior:

- **Btn label** DRAW SEA → FREE DRAW (the 1/24h free-quota draw). Element ID `id_draw_sea_btn` retained — describes intent, not label, so a future sprint can conditionally swap the label back to DRAW SEA once the daily free has been used (at which point the btn calls the room gatekeeper partial for token-deposit per [[project-my-sea-roadmap]] Sprint 6).
- **Chair seat markup** — each `.table-seat` now renders w. `.fa-chair` + `.seat-position-label` (1C-6C) + `.position-status-icon.fa-solid.fa-ban` mirroring the room's hex grammar from `_table_positions.html`. **`.seat-position-label`** (not `.seat-role-label`) because my-sea is the solo flow — no roles — and the existing room class carries role-grammar semantics that don't apply here. New class gets its own grid placement in `_gameboard.scss` (col 2 / row 1 default, col 1 for left-side seats 3/4/5 per the room's flip rule).
- **FREE DRAW click flow** — (1) seat 1C immediately gains `.seated` class & its `.fa-ban` icon swaps to `.fa-circle-check`; (2) after 800ms (so the user sees the seat animation against `_room.scss`'s 0.6s `color`/`filter` transition on `.fa-chair`), `data-phase` swaps to `picker` & landing hides. Seat 1C-only because my-sea is single-user-per-page until friend-invite lands — the user always occupies the lowest-numeral seat.
- **`.table-seat.seated` SCSS** in `_gameboard.scss` — `--terUser` chair color + `drop-shadow(--ninUser)` glow. Mirrors `_room.scss:626` `.table-seat.active .fa-chair` styling but uses a stable `.seated` class (semantically distinct: `.active` = current turn in a multi-user room, `.seated` = draw-locked occupant in the solo flow). Status icon green via the existing `_room.scss:616` `.position-status-icon.fa-circle-check` rule — no new color rule needed.
- **FT/IT updates** — renamed `test_landing_renders_hex_with_draw_sea_btn` → `…_free_draw_btn` w. "FREE DRAW" label assertions; T2 extended to assert `.position-status-icon.fa-ban` on each seat at render time; T3 (formerly `…_transitions_to_picker_phase`) rewritten as `test_free_draw_click_seats_user_in_1C_then_swaps_phase` to pin the full click contract: 1C goes `.seated` + `.fa-circle-check`, seats 2-6 unchanged, picker phase swap after the delay. New IT `test_landing_renders_position_status_ban_icon_on_each_seat` asserts initial ban + `.seat-position-label` counts.

**Substring trap caught** (worth a sticky note): bare class-name substrings (`fa-ban`, `position-status-icon`) appear ALSO in the inline JS handler's `classList.remove(…)` / `querySelector(…)` arg strings → `html.count("fa-ban") = 7`, not 6. Tightened IT assertions to match the full class attribute (`class="position-status-icon fa-solid fa-ban"`) — never count bare class names in `assertContains` / `html.count` when the same class is JS-manipulated client-side.

Tests: 25/25 FT green across test_bill_my_sign + test_game_my_sea (165s); 1037/1037 IT/UT green (49s).

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>

src/apps/gameboard/tests/integrated/test_views.py

@@ -551,9 +551,13 @@ class MySeaDrawSeaLandingViewTest(TestCase):
         response = self.client.get(reverse("my_sea"))
         self.assertFalse(response.context["show_backup_intro_banner"])
 
-    def test_landing_renders_draw_sea_btn_when_sig_set(self):
+    def test_landing_renders_free_draw_btn_when_sig_set(self):
+        # Element ID `id_draw_sea_btn` describes intent (draw entry point);
+        # visible label is "FREE DRAW" for the daily-free quota draw.
         response = self.client.get(reverse("my_sea"))
         self.assertContains(response, 'id="id_draw_sea_btn"')
+        self.assertContains(response, "FREE")
+        self.assertContains(response, "DRAW")
 
     def test_landing_renders_six_chair_seats_with_C_suffix(self):
         response = self.client.get(reverse("my_sea"))
@@ -563,8 +567,20 @@ class MySeaDrawSeaLandingViewTest(TestCase):
                 self.assertIn(f'data-slot="{n}"', html)
                 self.assertIn(f"{n}C", html)
 
+    def test_landing_renders_position_status_ban_icon_on_each_seat(self):
+        # Each chair seat starts empty (red `.fa-ban` status icon). The
+        # FREE DRAW click handler swaps seat 1C's icon to .fa-circle-check
+        # client-side; this IT only pins the initial render state. Class
+        # substrings ("position-status-icon", "fa-ban") ALSO appear in the
+        # inline JS handler (classList.remove arg, querySelector arg) — so
+        # counts are asserted on the full class-attribute string only.
+        response = self.client.get(reverse("my_sea"))
+        html = response.content.decode()
+        self.assertEqual(html.count('class="position-status-icon fa-solid fa-ban"'), 6)
+        self.assertEqual(html.count('class="seat-position-label"'), 6)
+
     def test_landing_not_rendered_when_user_has_no_sig(self):
-        # Sprint 4b gate still wins precedence — DRAW SEA must not render
+        # Sprint 4b gate still wins precedence — FREE DRAW must not render
         # when significator is None.
         self.user.significator = None
         self.user.save(update_fields=["significator"])