Tests for SVG tide charts, closes #44

natbat · Apr 4, 2022 · efcf3a0 · efcf3a0
1 parent ad64409
commit efcf3a0
Show file tree

Hide file tree

Showing 7 changed files with 411 additions and 66 deletions.
diff --git a/pillarpointstewards/config/urls.py b/pillarpointstewards/config/urls.py
@@ -45,4 +45,5 @@ def trigger_error(request):
     path("admin/", admin.site.urls),
     path("sentry-debug/", trigger_error),
     path("debug/tide-times/<str:date>/", tides.debug),
+    path("debug/tide-times-just-svg/<str:date>/", tides.debug_just_svg),
 ]
diff --git a/pillarpointstewards/shifts/views.py b/pillarpointstewards/shifts/views.py
@@ -32,7 +32,9 @@ def shift(request, shift_id):
             "stewards": stewards,
             "contact_details": Fragment.objects.get(slug="contact_details").fragment,
             "forecast": Forecast.for_date(shift.shift_start.date()),
-            "tide_times_svg": tide_times_svg_context_for_date(shift.shift_start.date()),
+            "tide_times_svg": tide_times_svg_context_for_date(
+                shift.shift_start.replace(hour=0, minute=0, second=0)
+            ),
         },
     )
 

diff --git a/pillarpointstewards/templates/_tide_svg.html b/pillarpointstewards/templates/_tide_svg.html
@@ -0,0 +1,31 @@
+{% if tide_times_svg.svg_points %}<div class="day-alone">
+  <div class="shift-view">
+    <div class="day-view" style="
+      background: linear-gradient(90deg,
+      #176AB8 0%,
+      #97bcdf {{ tide_times_svg.astral.dawn_pct }}%,
+      #d1e1f1 {{ tide_times_svg.astral.sunrise_pct }}%,
+      #FFFFFF {{ tide_times_svg.astral.noon_pct }}%,
+      #d1e1f1 {{ tide_times_svg.astral.sunset_pct }}%,
+      #97bcdf {{ tide_times_svg.astral.dusk_pct }}%,
+      #176AB8 100%
+      );
+    ">
+      {% if tide_times_svg.shift %}
+        <div class="shift-window" style="left:{{ tide_times_svg.shift_start_pct }}%; width: {{ tide_times_svg.shift_width_pct }}%;">
+          <span class="start-time">{{ tide_times_svg.shift.shift_start|date:"g:iA"|lower }}</span>
+          <span class="end-time">{{ tide_times_svg.shift.shift_end|date:"g:iA"|lower }}</span>
+        </div>
+      {% endif %}
+      <svg style="width: 100%; height: 60px; opacity: 0.5" viewBox="0 -2 240 104" preserveAspectRatio="none">
+        <polyline fill="none" stroke="#176AB8" stroke-width="2" points="{{ tide_times_svg.svg_points }}"></polyline>
+      </svg>
+      {% if tide_times_svg.low_tide_time %}
+        <span class="minima" style="left: {{ tide_times_svg.low_tide_time_pct }}%">
+          <span class="time">{{ tide_times_svg.low_tide_time|date:"g:iA"|lower }}</span>
+        </span>
+      {% endif %}
+    </div>
+  </div>
+</div>
+{% endif %}
diff --git a/pillarpointstewards/templates/shift.html b/pillarpointstewards/templates/shift.html
@@ -73,36 +73,7 @@ <h2>Volunteers on this shift <em>({{ stewards|length }}{% if shift.target_stewar
 
     {% if tide_times_svg %}
       <h2>Tide on this day</h2>
-      <div class="day-alone">
-        <div class="shift-view">
-          <div class="day-view" style="
-            background: linear-gradient(90deg,
-            #176AB8 0%,
-            #97bcdf {{ tide_times_svg.astral.dawn_pct }}%,
-            #d1e1f1 {{ tide_times_svg.astral.sunrise_pct }}%,
-            #FFFFFF {{ tide_times_svg.astral.noon_pct }}%,
-            #d1e1f1 {{ tide_times_svg.astral.sunset_pct }}%,
-            #97bcdf {{ tide_times_svg.astral.dusk_pct }}%,
-            #176AB8 100%
-            );
-          ">
-            {% if shift %}
-              <div class="shift-window" style="left:{{ tide_times_svg.shift_start_pct }}%; width: {{ tide_times_svg.shift_width_pct }}%;">
-                <span class="start-time">{{ shift.shift_start|date:"g:iA"|lower }}</span>
-                <span class="end-time">{{ shift.shift_end|date:"g:iA"|lower }}</span>
-              </div>
-            {% endif %}
-            <svg style="width: 100%; height: 60px; opacity: 0.5" viewBox="0 -2 240 104" preserveAspectRatio="none">
-              <polyline fill="none" stroke="#176AB8" stroke-width="2" points="{{ tide_times_svg.svg_points }}"></polyline>
-            </svg>
-            {% if tide_times_svg.low_tide_time %}
-              <span class="minima" style="left: {{ tide_times_svg.low_tide_time_pct }}%">
-                <span class="time">{{ tide_times_svg.low_tide_time|date:"g:iA"|lower }}</span>
-              </span>
-            {% endif %}
-          </div>
-        </div>
-      </div>
+      {% include "_tide_svg.html" %}
     {% endif %}
 
     {% if forecast %}

diff --git a/pillarpointstewards/templates/tide-times-debug.html b/pillarpointstewards/templates/tide-times-debug.html
@@ -11,36 +11,8 @@ <h1 class="text"><span>Debug Tide Times Graphic: {{ date }}</span></h1>
 </section>
 <section class="content">
   <div class="primary">
-<div class="day-alone">
-  <div class="shift-view">
-    <div class="day-view" style="
-      background: linear-gradient(90deg,
-			#176AB8 0%,
-			#97bcdf {{ astral.dawn_pct }}%,
-			#d1e1f1 {{ astral.sunrise_pct }}%,
-			#FFFFFF {{ astral.noon_pct }}%,
-			#d1e1f1 {{ astral.sunset_pct }}%,
-			#97bcdf {{ astral.dusk_pct }}%,
-			#176AB8 100%
-      );
-    ">
-			{% if shift %}
-				<div class="shift-window" style="left:{{ shift_start_pct }}%; width: {{ shift_width_pct }}%;">
-					<span class="start-time">{{ shift.shift_start|date:"g:iA"|lower }}</span>
-					<span class="end-time">{{ shift.shift_end|date:"g:iA"|lower }}</span>
-				</div>
-			{% endif %}
-      <svg style="width: 100%; height: 60px; opacity: 0.5" viewBox="0 -2 240 104" preserveAspectRatio="none">
-        <polyline fill="none" stroke="#176AB8" stroke-width="2" points="{{ svg_points }}"></polyline>
-      </svg>
-			{% if low_tide_time %}
-				<span class="minima" style="left: {{ low_tide_time_pct }}%">
-					<span class="time">{{ low_tide_time|date:"g:iA"|lower }}</span>
-				</span>
-			{% endif %}
-    </div>
-  </div>
-</div>
+
+{% include "_tide_svg.html" %}
 
   <svg style="width: 100%; height: 60px; opacity: 0.5" viewBox="0 -2 240 104" preserveAspectRatio="none">
     <polyline fill="none" stroke="#176AB8" stroke-width="2"