gecko-dev/testing/web-platform/tests/fullscreen/rendering/ua-style-iframe-manual.html
Xidorn Quan 93f989c78e Bug 1492746 [wpt PR 13102] - Several fixes to manual fullscreen tests, a=testonly
Automatic update from web-platform-testsSeveral fixes to manual fullscreen tests (#13102)

These tests are made to start after onload so that iframe content
doesn't change anymore:
* fullscreen/api/element-ready-check-containing-iframe-manual.html
* fullscreen/api/element-ready-check-not-allowed-manual.html
* fullscreen/api/element-request-fullscreen-and-exit-iframe-manual.html
* fullscreen/model/move-to-fullscreen-iframe-manual.html

fullscreen/rendering/ua-style-iframe-manual.html is updated to check
each subproperties individually rather than shorthand properties.

fullscreen/api/element-request-fullscreen-timing-manual.html is changed
so that the second test starts after an animation frame to work around
Gecko throttling rAF before the first paint.

Related bugs:
https://bugzilla.mozilla.org/show_bug.cgi?id=1493878
https://github.com/w3c/csswg-drafts/issues/2529
--

wpt-commits: b3c7bf4261939cd1aba9b3264152a718b634ffa7
wpt-pr: 13102
2018-10-08 16:45:21 +00:00

46 lines
1.8 KiB
HTML

<!DOCTYPE html>
<title>User-agent levels style sheet defaults for iframe</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../trusted-click.js"></script>
<style>
iframe {
border: 1px solid blue;
padding: 1px;
/* transform is also tested because of https://crbug.com/662393 */
transform: scale(0.5);
}
</style>
<div id="log"></div>
<div id="ancestor"><iframe></iframe></div>
<script>
function assert_dir_properties(style, propBase, value, state) {
for (let dir of ["Top", "Right", "Bottom", "Left"]) {
let prop = propBase.replace('{}', dir);
assert_equals(style[prop], value, `${state} ${prop} style`);
}
}
async_test(t => {
const ancestor = document.getElementById('ancestor');
const iframe = ancestor.firstChild;
const initialStyle = getComputedStyle(iframe);
assert_dir_properties(initialStyle, 'border{}Width', '1px', 'initial');
assert_dir_properties(initialStyle, 'border{}Style', 'solid', 'initial');
assert_dir_properties(initialStyle, 'border{}Color', 'rgb(0, 0, 255)', 'initial');
assert_dir_properties(initialStyle, 'padding{}', '1px', 'initial');
assert_equals(initialStyle.transform, 'matrix(0.5, 0, 0, 0.5, 0, 0)', 'initial transform style');
trusted_request(t, iframe);
document.addEventListener('fullscreenchange', t.step_func_done(() => {
const fullscreenStyle = getComputedStyle(iframe);
assert_dir_properties(fullscreenStyle, 'border{}Width', '0px', 'fullscreen');
assert_dir_properties(fullscreenStyle, 'border{}Style', 'none', 'fullscreen');
assert_dir_properties(fullscreenStyle, 'border{}Color', 'rgb(0, 0, 0)', 'fullscreen');
assert_dir_properties(fullscreenStyle, 'padding{}', '0px', 'fullscreen');
assert_equals(fullscreenStyle.transform, 'none', 'fullscreen transform style');
}));
});
</script>