<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="help" src="https://www.w3.org/TR/web-animations-1/#processing-a-keyframes-argument">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/web-animations/testcommon.js"></script>
<script src="support/testcommon.js"></script>
<title>Keyframes with invalid offsets</title>
</head>
<script>
test(() => {
assert_throws_js(TypeError,
function() {
document.documentElement.animate([
{offset: 0.6},
{offset: 0.4}
]);
});
}, 'Offsets must be loosely sorted');
test(() => {
assert_throws_js(TypeError,
function() {
document.documentElement.animate([
{offset: 'whatever'}
]);
});
}, 'Invalid offset');
test(() => {
assert_throws_js(TypeError,
function() {
document.documentElement.animate([
{offset: -1}
]);
});
}, 'Offsets must be null or in the range [0,1]');
</script>