NATUS WHEEL: tick lines + dual conjunction tooltip — TDD
- _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:
@@ -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.)
|
||||
|
||||
Reference in New Issue
Block a user