mirror of
https://github.com/servo/servo.git
synced 2025-07-16 20:03:39 +01:00
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<title>Values of <image>-properties reach worklet</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-paint-api-1/#examples">
|
|
<link rel="match" href="parse-input-arguments-ref.html">
|
|
<script src="/common/reftest-wait.js"></script>
|
|
<script src="/common/worklet-reftest.js"></script>
|
|
<script src="./resources/utils.js"></script>
|
|
<body>
|
|
<div id="target"></div>
|
|
<script>
|
|
try {
|
|
CSS.registerProperty({
|
|
name: '--prop-1',
|
|
syntax: '<image> | none',
|
|
initialValue: 'none',
|
|
inherits: false
|
|
});
|
|
|
|
CSS.registerProperty({
|
|
name: '--prop-2',
|
|
syntax: '<image> | none',
|
|
initialValue: 'none',
|
|
inherits: false
|
|
});
|
|
|
|
target.style.setProperty('--prop-1', 'url("http://a/")');
|
|
target.style.setProperty('--prop-2', 'linear-gradient(red, red)');
|
|
|
|
expectWorkletValues(target, {
|
|
'--prop-1': ['[CSSImageValue url("http://a/")]'],
|
|
'--prop-2': ['[CSSStyleValue linear-gradient(red, red)]'],
|
|
});
|
|
} catch(e) {
|
|
document.body.textContent = e;
|
|
takeScreenshot();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|