step-timing-functions-syntax.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-easing/step-timing-functions-syntax.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset=utf-8>

<meta name="assert"

content="This test checks the syntax output of step timing functions" />

<title>Step timing function syntax tests</title>

<link rel="help"

      href="https://drafts.csswg.org/css-easing-1/#step-timing-functions">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="testcommon.js"></script>

<script src="/css/support/parsing-testcommon.js"></script>

<body>

<div id="log"></div>

<script>

"use strict";

test_valid_value("animation-timing-function", "step-start", "steps(1, start)");

test_valid_value("animation-timing-function", "step-end", "steps(1)");

test_valid_value("animation-timing-function", "steps(1, start)");

test_valid_value("animation-timing-function", "steps(1, end)", "steps(1)");

test_valid_value("animation-timing-function", "steps(1, jump-start)");

test_valid_value("animation-timing-function", "steps(1, jump-end)", "steps(1)");

test_valid_value("animation-timing-function", "steps(1, jump-both)");

test_valid_value("animation-timing-function", "steps(2, jump-none)");

test_invalid_value("animation-timing-function", "steps(0, start)");

test_invalid_value("animation-timing-function", "steps(0, end)");

test_invalid_value("animation-timing-function", "steps(0, jump-start)");

test_invalid_value("animation-timing-function", "steps(0, jump-end)");

test_invalid_value("animation-timing-function", "steps(0, jump-both)");

test_invalid_value("animation-timing-function", "steps(1, jump-none)");

</script>

</body>