NATUS WHEEL: tick lines + dual conjunction tooltip — TDD
All checks were successful
ci/woodpecker/push/pyswiss Pipeline was successful
ci/woodpecker/push/main Pipeline was successful

- _computeConjunctions(planets, threshold=8) detects conjunct pairs
- Tick lines (nw-planet-tick) radiate from each planet circle outward
  past the zodiac ring; animated via attrTween; styled with --pri* colours
- planetEl.raise() on mouseover puts hovered planet on top in SVG z-order
- Dual tooltip: hovering a conjunct planet shows #id_natus_tooltip_2 beside
  the primary, populated with the hidden partner's sign/degree/retrograde data
- #id_natus_tooltip_2 added to home.html, sky.html, room.html
- _natus.scss: tick line rules + both tooltip IDs share all selectors;
  #id_natus_confirm gets position:relative/z-index:1 to fix click intercept
- NatusWheelSpec.js: T7 (tick extends past zodiac), T8 (raise to front),
  T9j (conjunction dual tooltip) in new conjunction describe block
- FT T3 trimmed to element-ring hover only; planet/conjunction hover
  delegated to Jasmine (ActionChains planet-circle hover unreliable in Firefox)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-19 00:16:05 -04:00
parent 09ed64080b
commit fbf260b148
8 changed files with 357 additions and 34 deletions

View File

@@ -16,29 +16,30 @@ from apps.lyric.models import User
from .base import FunctionalTest
# Minimal chart fixture — matches the NatusWheel data shape.
# Chart fixture — May 27 2008, 12:12 PM, Morganza MD (38.3754°N, 76.6955°W).
# Sun (6.7° Gemini) and Venus (3.3° Gemini) are 3.4° apart — a clear conjunction.
_CHART_FIXTURE = {
"planets": {
"Sun": {"sign": "Pisces", "degree": 340.0, "retrograde": False},
"Moon": {"sign": "Gemini", "degree": 72.0, "retrograde": False},
"Mercury": {"sign": "Aquarius", "degree": 310.0, "retrograde": False},
"Venus": {"sign": "Aries", "degree": 10.0, "retrograde": False},
"Mars": {"sign": "Capricorn", "degree": 280.0, "retrograde": False},
"Jupiter": {"sign": "Cancer", "degree": 100.0, "retrograde": False},
"Saturn": {"sign": "Capricorn", "degree": 290.0, "retrograde": True},
"Uranus": {"sign": "Capricorn", "degree": 285.0, "retrograde": False},
"Neptune": {"sign": "Capricorn", "degree": 283.0, "retrograde": False},
"Pluto": {"sign": "Scorpio", "degree": 218.0, "retrograde": False},
"Sun": {"sign": "Gemini", "degree": 66.7, "retrograde": False},
"Moon": {"sign": "Taurus", "degree": 43.0, "retrograde": False},
"Mercury": {"sign": "Taurus", "degree": 55.0, "retrograde": False},
"Venus": {"sign": "Gemini", "degree": 63.3, "retrograde": False},
"Mars": {"sign": "Leo", "degree": 132.0, "retrograde": False},
"Jupiter": {"sign": "Capricorn", "degree": 292.0, "retrograde": True},
"Saturn": {"sign": "Virgo", "degree": 153.0, "retrograde": False},
"Uranus": {"sign": "Pisces", "degree": 322.0, "retrograde": False},
"Neptune": {"sign": "Aquarius", "degree": 323.0, "retrograde": True},
"Pluto": {"sign": "Sagittarius", "degree": 269.0, "retrograde": True},
},
"houses": {
"cusps": [10, 40, 70, 100, 130, 160, 190, 220, 250, 280, 310, 340],
"asc": 10.0, "mc": 100.0,
"cusps": [180, 210, 240, 270, 300, 330, 0, 30, 60, 90, 120, 150],
"asc": 180.0, "mc": 90.0,
},
"elements": {"Fire": 1, "Water": 2, "Stone": 4, "Air": 1, "Time": 0, "Space": 1},
"elements": {"Fire": 1, "Water": 0, "Stone": 2, "Air": 4, "Time": 1, "Space": 1},
"aspects": [],
"distinctions": {
"1": 1, "2": 0, "3": 0, "4": 1, "5": 0, "6": 0,
"7": 0, "8": 0, "9": 0, "10": 4, "11": 0, "12": 0,
"1": 0, "2": 0, "3": 2, "4": 0, "5": 0, "6": 0,
"7": 1, "8": 0, "9": 2, "10": 1, "11": 1, "12": 2,
},
"house_system": "O",
"timezone": "America/New_York",
@@ -166,9 +167,10 @@ class MySkyAppletWheelTest(FunctionalTest):
# ── T3 ───────────────────────────────────────────────────────────────────
def test_saved_sky_wheel_renders_with_tooltips_in_applet(self):
def test_saved_sky_wheel_renders_with_element_tooltip_in_applet(self):
"""When the user has saved sky data, the natal wheel appears in the My Sky
applet with working element-ring and planet tooltips."""
applet and the element-ring tooltip fires on hover.
(Planet hover tooltip is covered by NatusWheelSpec.js T3/T4/T5.)"""
self.create_pre_authenticated_session("stargazer@test.io")
self.browser.get(self.live_server_url)
@@ -190,17 +192,6 @@ class MySkyAppletWheelTest(FunctionalTest):
"block",
))
# 3. Hovering a planet also shows the tooltip
planet_el = self.browser.find_element(
By.CSS_SELECTOR, "#id_applet_my_sky .nw-planet-group"
)
ActionChains(self.browser).move_to_element(planet_el).perform()
self.wait_for(lambda: self.assertEqual(
self.browser.find_element(By.ID, "id_natus_tooltip")
.value_of_css_property("display"),
"block",
))
class MySkyAppletFormTest(FunctionalTest):
"""My Sky applet shows natus entry form when no sky data is saved."""
@@ -299,3 +290,41 @@ class MySkyAppletFormTest(FunctionalTest):
By.CSS_SELECTOR, "#id_applet_my_sky .nw-root"
)
))
class MySkyWheelConjunctionTest(FunctionalTest):
"""Tick lines, z-raise, and dual tooltip for conjunct planets."""
def setUp(self):
super().setUp()
Applet.objects.get_or_create(
slug="my-sky",
defaults={"name": "My Sky", "grid_cols": 6, "grid_rows": 6, "context": "dashboard"},
)
self.gamer = User.objects.create(email="stargazer@test.io")
self.gamer.sky_chart_data = _CHART_FIXTURE
self.gamer.sky_birth_place = "Morganza, MD, US"
self.gamer.save()
def _load_wheel(self):
self.create_pre_authenticated_session("stargazer@test.io")
self.browser.get(self.live_server_url)
self.wait_for(lambda: self.assertTrue(
self.browser.find_element(By.CSS_SELECTOR, "#id_applet_my_sky .nw-root")
))
# ── T6 ───────────────────────────────────────────────────────────────────
def test_planet_tick_lines_present(self):
"""Every planet has one tick line in the SVG."""
self._load_wheel()
self.wait_for(lambda: self.assertEqual(
len(self.browser.find_elements(
By.CSS_SELECTOR, "#id_applet_my_sky .nw-planet-tick"
)),
10,
))
# (T7 tick-extends-past-zodiac, T8 hover-raises-to-front, and T9 conjunction
# dual-tooltip are covered by NatusWheelSpec.js T7/T8/T9j — ActionChains
# planet-circle hover is unreliable in headless Firefox.)