fix(workout): make reduced motion explicit
Add an explicit prefers-reduced-motion contract to the phone-first Workout starter and assert the served CSS carries the no-motion policy. req: examples/001
This commit is contained in:
@@ -270,3 +270,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
transition-duration: 0ms !important;
|
||||||
|
animation-duration: 0ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -70,6 +70,8 @@ fn workout_is_e2e_working_over_http() {
|
|||||||
assert!(css.text().contains(".command-slate"));
|
assert!(css.text().contains(".command-slate"));
|
||||||
assert!(css.text().contains(".finish-card"));
|
assert!(css.text().contains(".finish-card"));
|
||||||
assert!(css.text().contains("min-height: var(--tap)"));
|
assert!(css.text().contains("min-height: var(--tap)"));
|
||||||
|
assert!(css.text().contains("prefers-reduced-motion: reduce"));
|
||||||
|
assert!(css.text().contains("animation-duration: 0ms"));
|
||||||
|
|
||||||
let runtime = get(&server, runtime_js_path());
|
let runtime = get(&server, runtime_js_path());
|
||||||
assert_eq!(runtime.status, 200);
|
assert_eq!(runtime.status, 200);
|
||||||
|
|||||||
Reference in New Issue
Block a user