third_party/WebKit/LayoutTests/fast/html/figure-element.html - Issue 2674643002: Stop using script-tests in fast/html/.

Unified Diff: third_party/WebKit/LayoutTests/fast/html/figure-element.html

Issue 2674643002: Stop using script-tests in fast/html/. (Closed)

Patch Set: Created 3 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/html/figcaption-element.html ('k') | third_party/WebKit/LayoutTests/fast/html/footer-element.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/html/figure-element.html

diff --git a/third_party/WebKit/LayoutTests/fast/html/figure-element.html b/third_party/WebKit/LayoutTests/fast/html/figure-element.html

index deb403d9d6d3631acc5d9b51d11d422240c37a23..bd4d047b793ba662565bbe0cbcc262d792ed1052 100644

--- a/third_party/WebKit/LayoutTests/fast/html/figure-element.html

+++ b/third_party/WebKit/LayoutTests/fast/html/figure-element.html

@@ -4,6 +4,49 @@

</head>

<body>

-<script src="script-tests/figure-element.js"></script>

+<script>

+description('Various tests for the figure element.');

+function getStyleValue(id, propertyName) {

+ return document.defaultView.getComputedStyle(document.getElementById(id), null).getPropertyValue(propertyName);

+var testParent = document.createElement('div');

+document.body.appendChild(testParent);

+debug('<figure> default styling:');

+testParent.innerHTML = '<figure id="figure0">element</figure>';

+var emSize = getStyleValue("figure0","font-size");

+shouldBe('getStyleValue("figure0","display")', '"block"');

+shouldBe('getStyleValue("figure0","margin-top")', 'emSize');

+shouldBe('getStyleValue("figure0","margin-right")', '"40px"');

+shouldBe('getStyleValue("figure0","margin-bottom")', 'emSize');

+shouldBe('getStyleValue("figure0","margin-left")', '"40px"');

+debug('<figure> closes <p>:');

+testParent.innerHTML = '<p>Test that <figure id="figure1">a figure element</figure> closes <p>.</p>';

+var figure1 = document.getElementById('figure1');

+shouldBeFalse('figure1.parentNode.nodeName == "p"');

+debug('<p> does not close <figure>:');

+testParent.innerHTML = '<figure>Test that <p id="p1">a p element</p> does not close a figure element.</figure>';

+var p1 = document.getElementById('p1');

+shouldBe('p1.parentNode.nodeName', '"FIGURE"');

+debug('<figure> can be nested inside <figure> or <footer>:');

+testParent.innerHTML = '<figure id="figure2">Test that <figure id="figure3">a figure element</figure> can be nested inside another figure element.</figure>';

+var figure3 = document.getElementById('figure3');

+shouldBe('figure3.parentNode.id', '"figure2"');

+testParent.innerHTML = '<footer id="footer1">Test that <figure id="figure5">a figure element</figure> can be nested inside a footer element.</footer>';

+var figure5 = document.getElementById('figure5');

+shouldBe('figure5.parentNode.id', '"footer1"');

+debug('Residual style:');

+testParent.innerHTML = '<b><figure id="figure4">This text should be bold.</figure> <span id="span1">This is also bold.</span></b>';

+shouldBe('getStyleValue("figure4","font-weight")', '"bold"');

+shouldBe('getStyleValue("span1","font-weight")', '"bold"');

+document.body.removeChild(testParent);

+</script>

</body>

</html>