Update web-platform-tests to revision ab64b78a8f6777a1d95d8d1d4bba9ccdbecf94ea

This commit is contained in:
WPT Sync Bot 2018-08-26 21:31:58 -04:00
parent da36740f0b
commit 394aced19f
713 changed files with 12430 additions and 12632 deletions

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<title>Reference for Fieldset and transform: translateZ(0)</title>
<style>
fieldset { background: #eee; }
fieldset { background: #eee; margin: 0 0 10px; }
</style>
<p>It should say PASS below without anything obscuring the text.</p>

View file

@ -0,0 +1,46 @@
<!doctype html>
<title>legend align</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<fieldset><legend align=left>x</legend></fieldset>
<fieldset><legend align=center>x</legend></fieldset>
<fieldset><legend align=right>x</legend></fieldset>
<div align=left>
<fieldset><legend>x</legend></fieldset>
</div>
<div align=center>
<fieldset><legend>x</legend></fieldset>
</div>
<div align=right>
<fieldset><legend>x</legend></fieldset>
</div>
<div style="text-align: center">
<fieldset><legend>x</legend></fieldset>
</div>
<div style="text-align: center" align=center>
<fieldset><legend>x</legend></fieldset>
</div>
<fieldset><legend style="margin: 0 auto">x</legend></fieldset>
<fieldset><legend style="margin: 0 0 0 auto">x</legend></fieldset>
<fieldset dir=rtl><legend>x</legend></fieldset>
<fieldset dir=rtl><legend style="text-align: left">x</legend></fieldset>
<script>
function test_align(selectorTest, selectorRef) {
const testElm = document.querySelector(selectorTest);
const refElm = document.querySelector(selectorRef);
test(() => {
assert_equals(testElm.offsetLeft, refElm.offsetLeft, `expected ${selectorRef}`);
}, selectorTest);
}
for (const val of ['left', 'center', 'right']) {
test_align(`div[align=${val}] legend`, `legend[align=${val}]`);
}
test_align(`div[style="text-align: center"] legend`, `legend[align=left]`);
test_align(`div[style="text-align: center"][align=center] legend`, `legend[align=center]`);
test_align(`legend[style="margin: 0 auto"]`, `legend[align=center]`);
test_align(`legend[style="margin: 0 0 0 auto"]`, `legend[align=right]`);
test_align(`fieldset[dir=rtl] legend`, `legend[align=right]`);
test_align(`fieldset[dir=rtl] legend[style="text-align: left"]`, `legend[align=right]`);
</script>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html class=reftest-wait>
<title>legend and dynamic update</title>
<link rel=fieldset-foo-ref.html>
<p>There should be a normal fieldset below with the legend "Foo".</p>
<fieldset>
<legend>F</legend>
</fieldset>
<script>
const legend = document.querySelector('legend');
// force layout
legend.offsetTop;
requestAnimationFrame(() => {
legend.textContent += "oo";
requestAnimationFrame(() => {
document.documentElement.removeAttribute('class');
});
});
</script>

View file

@ -3,7 +3,7 @@
<link rel=match href=legend-position-relative-ref.html>
<style>
fieldset { border: 100px solid lime; width: 200px; padding: 0; margin: 0 }
legend { position: relative; left: 100px; width: 100px; padding: 0 }
legend { position: relative; left: 100px; width: 100px; height: 100px; padding: 0 }
.behind { position: absolute; left: 208px; width: 100px; height: 100px; background: red; z-index: -1 }
</style>
<p>There should be no red.</p>