mirror of
https://github.com/servo/servo.git
synced 2025-07-01 04:23:39 +01:00
42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<title>CSS Rhythmic Sizing: line-height-step dynamic change</title>
|
|
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm-1/#line-height-step">
|
|
<meta name="assert" content="This test asserts changing the line-height-step property takes effects.">
|
|
<meta name="flags" content="dom">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
div {
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
}
|
|
</style>
|
|
<div id="log"></div>
|
|
<div id="target">X</div>
|
|
<div id="next">X</div>
|
|
<script>
|
|
runTests();
|
|
function runTests() {
|
|
var before = next.offsetTop;
|
|
target.style.lineHeightStep = "40px";
|
|
var after = next.offsetTop;
|
|
forceRelayout(document.documentElement);
|
|
var afterRelayout = next.offsetTop;
|
|
|
|
test(function () {
|
|
assert_not_equals(after, before);
|
|
}, "Height must change when line-height-step changes");
|
|
test(function () {
|
|
assert_equals(after, afterRelayout);
|
|
}, "Height must not change after relayout");
|
|
}
|
|
|
|
function forceRelayout(element) {
|
|
var saved = element.style.display;
|
|
element.style.display = "none";
|
|
element.offsetTop;
|
|
element.style.display = saved;
|
|
element.offsetTop;
|
|
}
|
|
</script>
|