| Index: third_party/WebKit/LayoutTests/external/csswg-test/css-rhythm-1/line-height-step-dynamic-001.html
|
| diff --git a/third_party/WebKit/LayoutTests/external/csswg-test/css-rhythm-1/line-height-step-dynamic-001.html b/third_party/WebKit/LayoutTests/external/csswg-test/css-rhythm-1/line-height-step-dynamic-001.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..d6f7bd9e78aedccc86c4a7263b99bb262bae9158
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/external/csswg-test/css-rhythm-1/line-height-step-dynamic-001.html
|
| @@ -0,0 +1,42 @@
|
| +<!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>
|
|
|