discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SIG SELECT: non-major reversal display; face wrapper divs; middle arcana reversal seed — TDD

Browse Source 
- sig-select.js: three-way reversal branch — major (qualifier + concept name),
  non-major w. reversal (suit qualifier word on own line + card title),
  non-major fallback (polarity qualifier only)
- template: .fan-card-face-upright + .fan-card-face-reversal wrapper divs for
  compact centred text groups; arcana label sits between them
- _card-deck.scss: wrapper divs display:flex; padding-top on reversal group
  equalises gap to MIDDLE ARCANA label on both sides; removes margin:auto overcorrect
- migration 0007: populates reversal qualifier word per suit on Earthman Middle
  Arcana court cards (Seething/Gloomy/Nervous/Vacant); clears The Schizo's
  incorrectly inherited Territoriality reversal

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-28 20:09:23 -04:00
parent 505744312b
commit 2757ae855f
6 changed files with 157 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/static/tests/SigSelectSpec.js
View File

@@ -22,8 +22,8 @@ describe("SigSelect", () => {
<p class="sig-qualifier-below"></p>
<p class="fan-card-arcana"></p>
<p class="fan-card-correspondence"></p>
<p class="fan-card-reversal-qualifier"></p>
<p class="fan-card-reversal-name"></p>
<p class="fan-card-reversal-qualifier"></p>
</div>
<div class="sig-stat-block">
<button class="btn btn-reverse sig-flip-btn" type="button">SPIN</button>
@@ -64,7 +64,7 @@ describe("SigSelect", () => {
data-articulations="[]"
data-levity-qualifier="Elevated"
data-gravity-qualifier="Graven"
data-reversal="Territoriality">
data-reversal="">
<div class="fan-card-corner fan-card-corner--tl">
<span class="fan-corner-rank">K</span>
</div>
@@ -483,12 +483,14 @@ describe("SigSelect", () => {
expect(stageCard.classList.contains("stage-card--reversed")).toBe(false);
});
it("updateStage() populates fan-card-reversal-name from data-reversal", () => {
it("non-major with data-reversal: reversal-qualifier = suit word, reversal-name = card name", () => {
makeFixture();
card.dataset.reversal = "Territoriality";
card.dataset.reversal = "Nervous";
hover();
// "Nervous" goes into qualifier slot (own line); upright name reused in name slot
expect(stageCard.querySelector(".fan-card-reversal-qualifier").textContent).toBe("Nervous");
expect(stageCard.querySelector(".fan-card-reversal-name").textContent)
.toBe("Territoriality");
.toBe(card.dataset.nameTitle);
});
it("updateStage() populates fan-card-reversal-qualifier with levity qualifier", () => {
@@ -505,6 +507,24 @@ describe("SigSelect", () => {
.toBe("Graven");
});
it("non-major with data-reversal: suit qualifier on own line, upright name repeated below", () => {
makeFixture({ polarity: "levity", userRole: "PC" });
card.dataset.reversal = "Vacant";
hover();
expect(stageCard.querySelector(".fan-card-reversal-qualifier").textContent).toBe("Vacant");
expect(stageCard.querySelector(".fan-card-reversal-name").textContent)
.toBe(card.dataset.nameTitle);
});
it("major arcana with data-reversal: polarity qualifier still shown alongside reversal name", () => {
makeFixture({ polarity: "levity", userRole: "PC" });
card.dataset.arcana = "Major Arcana";
card.dataset.reversal = "Territoriality";
hover();
expect(stageCard.querySelector(".fan-card-reversal-qualifier").textContent).toBe("Elevated");
expect(stageCard.querySelector(".fan-card-reversal-name").textContent).toBe("Territoriality");
});
it("hovering a card without data-reversal clears the reversal name", () => {
makeFixture();
card.dataset.reversal = "Territoriality";