fix: /gameboard/my-sea/ sig polarity now matches /billboard/my-sign/ — two-bug stack. **Bug 1 (primary):** my_sea.html:10 had {% if significator_reversed %}gravity{% else %}levity{% endif %} — INVERTED from my_sign.html:22's {% if current_significator_reversed %}levity{% else %}gravity{% endif %} + its JS _polarity() (revInput.value === '1' ? 'levity' : 'gravity'). Same User.significator_reversed value produced opposite polarity styling across the two surfaces → a levity sig picked on my-sign rendered gravity-styled on my-sea (--priUser bg + --secUser text); a gravity sig rendered levity-styled. User-reported 2026-05-21. **Bug 2 (latent, masked by Bug 1):** .sea-sig-card hardcoded .fan-corner-rank + i to color: rgba(var(--secUser), …) — fine against gravity's --priUser bg, but against levity's --secUser bg (set by .sig-stage-card in the polarity rule at _card-deck.scss:935-943) the rank + suit-icon collided w. the bg and disappeared. Bug 1 was hiding this: levity sigs were getting rendered gravity-styled (visible), so the invisibility only surfaced for gravity sigs (which got levity-styled). Fixing Bug 1 alone would've exposed Bug 2 for the previously-fine levity case → fix both in one shot. **Bug 2 fix:** switch .fan-corner-rank + i to color: currentColor w. opacity preserved (0.85 / 0.75); add explicit color: rgba(var(--secUser), 1) on the default .sig-stage-card.sea-sig-card rule so gravity inherits secUser; levity polarity rule already sets .sig-stage-card { color: rgba(var(--priUser), 1) } so it cascades down through currentColor. TDD — new MySeaPolarityMatchesMySignTest (2 ITs) pins both pages to the same User.significator_reversed → data-polarity mapping: unreversed → gravity on BOTH surfaces; reversed → levity on BOTH. 1147 IT/UT green. Visual verify deferred to user — the SCSS edge case wasn't reachable via Selenium (computed-style-on---secUser would require palette resolution at runtime)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-21 12:40:08 -04:00
parent 99ffdb3943
commit f59c1af89a
3 changed files with 54 additions and 3 deletions

View File

@@ -640,6 +640,49 @@ class MySeaPickerPhaseTemplateTest(TestCase):
self.assertNotContains(response, "my-sea-picker")
class MySeaPolarityMatchesMySignTest(TestCase):
"""Bug 2026-05-21 (user-reported): a levity sig chosen on /billboard/
my-sign/ rendered as gravity-styled on /gameboard/my-sea/ (priUser bg
+ secUser text) — and vice versa for gravity sigs (which then collided
w. the hardcoded --secUser corner-rank color in `.sea-sig-card`,
making the rank + suit-icon invisible against a --secUser bg).
Root cause was a polarity inversion in `my_sea.html:10` —
`{% if significator_reversed %}gravity{% else %}levity{% endif %}` —
opposite of `my_sign.html:22` + its JS `_polarity()`. This test pins
the two surfaces to agree on the same `User.significator_reversed`
→ `data-polarity` mapping, so any future drift gets caught."""
def setUp(self):
from apps.epic.models import personal_sig_cards
self.user = User.objects.create(email="polarity@test.io")
self.client.force_login(self.user)
target = personal_sig_cards(self.user)[0]
self.user.significator = target
self.user.save(update_fields=["significator"])
def test_unreversed_sig_renders_gravity_on_both_surfaces(self):
"""`significator_reversed=False` (the on-creation default) renders
data-polarity="gravity" on BOTH my_sign + my_sea — the convention
established by my_sign's Sprint 4a picker + its `_polarity()` JS."""
self.user.significator_reversed = False
self.user.save(update_fields=["significator_reversed"])
sea = self.client.get(reverse("my_sea")).content.decode()
sign = self.client.get(reverse("billboard:my_sign")).content.decode()
self.assertIn('data-polarity="gravity"', sea)
self.assertIn('data-polarity="gravity"', sign)
def test_reversed_sig_renders_levity_on_both_surfaces(self):
"""`significator_reversed=True` (FLIP-toggled on my_sign) renders
data-polarity="levity" on BOTH surfaces."""
self.user.significator_reversed = True
self.user.save(update_fields=["significator_reversed"])
sea = self.client.get(reverse("my_sea")).content.decode()
sign = self.client.get(reverse("billboard:my_sign")).content.decode()
self.assertIn('data-polarity="levity"', sea)
self.assertIn('data-polarity="levity"', sign)
class MySeaSpreadFormTemplateTest(TestCase):
"""Sprint 5 iter 3 — form col + SPREAD dropdown structure + default-
spread context + cross's `data-spread-shape` attribute. Iter 3 spec