mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1483484 [wpt PR 12489] - Fieldset should support CSS Flexbox, a=testonly 

Automatic update from web-platform-testsFieldset should support CSS Flexbox

Bugs:
https://bugs.chromium.org/p/chromium/issues/detail?id=375693
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4511145/

--

wpt-commits: d5b9b8c42ac0adf5f37afefa5b7da845fc24e5b2
wpt-pr: 12489
This commit is contained in:
Simon Pieters 2018-08-22 13:25:59 +00:00 коммит произвёл moz-wptsync-bot
Родитель df3172105a
Коммит 61c9fc8bf7
2 изменённых файлов: 81 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

10
testing/web-platform/meta/MANIFEST.json
Просмотреть файл

@ -355925,6 +355925,12 @@
{}
]
],
"html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-flexbox.html": [
[
"/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-flexbox.html",
{}
]
],
"html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-multicol.html": [
[
"/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-multicol.html",
@ -596838,6 +596844,10 @@
"953328982032dae2d508619b90188534179a26a8",
"testharness"
],
"html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-flexbox.html": [
"d2b1d30d8cc828496fa76cc887e01149f2a44809",
"testharness"
],
"html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-multicol.html": [
"bdb2c2fd94686b502ed5a663b1026180283af22f",
"testharness"

71
testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-flexbox.html Normal file
Просмотреть файл

@ -0,0 +1,71 @@
<!DOCTYPE html>
<title>fieldset and CSS Flexbox</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
#test, #ref, #test-inline, #ref-inline {
display: flex;
justify-content: space-around;
margin: 0;
padding: 0;
border: none
}
#test-inline, #ref-inline { display: inline-flex }
</style>
<fieldset id=test>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</fieldset>
<hr>
<div id=ref>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
<hr>
<fieldset id=test-inline>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</fieldset>
<div id=ref-inline>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
<script>
test(() => {
assert_equals(getComputedStyle(document.getElementById('test')).height,
getComputedStyle(document.getElementById('ref')).height);
}, "Flex");
test(() => {
assert_equals(getComputedStyle(document.getElementById('test-inline')).height,
getComputedStyle(document.getElementById('ref-inline')).height);
}, "Inline flex");
</script>