34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<div id="testDiv" style="position: absolute;"></div>
|
|
<script>
|
|
description("Tests assigning a calculated value to 'text-shadow' CSS property.");
|
|
|
|
var testDiv = document.getElementById("testDiv");
|
|
|
|
debug('');
|
|
shouldBeEmptyString("testDiv.style['text-shadow']");
|
|
testDiv.style['text-shadow'] = 'none';
|
|
evalAndLog("testDiv.style['text-shadow'] = 'calc(1 * 3px) calc(2 * 3px) calc(3 * 3px) rgb(255, 255, 255)'");
|
|
shouldBeEqualToString("testDiv.style['text-shadow']", "rgb(255, 255, 255) calc(3px) calc(6px) calc(9px)");
|
|
shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('text-shadow')", "rgb(255, 255, 255) 3px 6px 9px");
|
|
|
|
// Negative h-shadow and v-shadow are allowed.
|
|
debug('');
|
|
testDiv.style['text-shadow'] = 'none';
|
|
evalAndLog("testDiv.style['text-shadow'] = 'calc(-1 * 3px) calc(-2 * 3px) calc(3 * 3px) rgb(255, 255, 255)'");
|
|
shouldBeEqualToString("testDiv.style['text-shadow']", "rgb(255, 255, 255) calc(-3px) calc(-6px) calc(9px)");
|
|
shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('text-shadow')", "rgb(255, 255, 255) -3px -6px 9px")
|
|
|
|
// Negative blur-radius is not allowed so it should become 0.
|
|
debug('');
|
|
testDiv.style['text-shadow'] = 'none';
|
|
evalAndLog("testDiv.style['text-shadow'] = 'calc(1 * 3px) calc(2 * 3px) calc(-3 * 3px) rgb(255, 255, 255)'");
|
|
shouldBeEqualToString("testDiv.style['text-shadow']", "rgb(255, 255, 255) calc(3px) calc(6px) calc(-9px)");
|
|
shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('text-shadow')", "rgb(255, 255, 255) 3px 6px 0px")
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|