зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1729861 - Add mochitest for the effect of dynamic changes to the resistFingerprinting pref on media queries. r=emilio
This is a cut-down version of the 418986-2 testcase, with an explicit check that changes to the resistFingerprinting pref will cause media queries to be re-evaluated and the resulting computed styles to be updated at runtime. Differential Revision: https://phabricator.services.mozilla.com/D126230
This commit is contained in:
Jonathan Kew
Родитель
3a69f45868
Коммит
371cbff302
|
|
@ -0,0 +1,81 @@
|
|||
// # Bug 1729861
|
||||
|
||||
// Expected values. Format: [name, pref_off_value, pref_on_value]
|
||||
var expected_values = [
|
||||
[
|
||||
"device-aspect-ratio",
|
||||
screen.width + "/" + screen.height,
|
||||
window.innerWidth + "/" + window.innerHeight,
|
||||
],
|
||||
["device-height", screen.height + "px", window.innerHeight + "px"],
|
||||
["device-width", screen.width + "px", window.innerWidth + "px"],
|
||||
];
|
||||
|
||||
// Create a line containing a CSS media query and a rule to set the bg color.
|
||||
var mediaQueryCSSLine = function(key, val, color) {
|
||||
return (
|
||||
"@media (" +
|
||||
key +
|
||||
": " +
|
||||
val +
|
||||
") { #" +
|
||||
key +
|
||||
" { background-color: " +
|
||||
color +
|
||||
"; } }\n"
|
||||
);
|
||||
};
|
||||
|
||||
var green = "rgb(0, 128, 0)";
|
||||
var blue = "rgb(0, 0, 255)";
|
||||
|
||||
// Set a pref value asynchronously, returning a promise that resolves
|
||||
// when it succeeds.
|
||||
var pushPref = function(key, value) {
|
||||
return SpecialPowers.pushPrefEnv({ set: [[key, value]] });
|
||||
};
|
||||
|
||||
// Set the resistFingerprinting pref to the given value, and then check that the background
|
||||
// color has been updated properly as a result of re-evaluating the media queries.
|
||||
var checkColorForPref = async function(setting, testDivs, expectedColor) {
|
||||
await pushPref("privacy.resistFingerprinting", setting);
|
||||
for (let div of testDivs) {
|
||||
let color = window.getComputedStyle(div).backgroundColor;
|
||||
is(color, expectedColor, "background for '" + div.id + "' is " + color);
|
||||
}
|
||||
};
|
||||
|
||||
var test = async function() {
|
||||
// If the "off" and "on" expected values are the same, we can't actually
|
||||
// test anything here. (Might this be the case on mobile?)
|
||||
let skipTest = false;
|
||||
for (let [key, offVal, onVal] of expected_values) {
|
||||
if (offVal == onVal) {
|
||||
todo(false, "Unable to test because '" + key + "' is invariant");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
let css =
|
||||
".test { margin: 1em; padding: 1em; color: white; width: max-content; font: 2em monospace }\n";
|
||||
|
||||
// Create a test element for each of the media queries we're checking, and append the matching
|
||||
// "on" and "off" media queries to the CSS.
|
||||
let testDivs = [];
|
||||
for (let [key, offVal, onVal] of expected_values) {
|
||||
let div = document.createElement("div");
|
||||
div.textContent = key;
|
||||
div.setAttribute("class", "test");
|
||||
div.setAttribute("id", key);
|
||||
testDivs.push(div);
|
||||
document.getElementById("display").appendChild(div);
|
||||
css += mediaQueryCSSLine(key, onVal, "green");
|
||||
css += mediaQueryCSSLine(key, offVal, "blue");
|
||||
}
|
||||
document.getElementById("test-css").textContent = css;
|
||||
|
||||
// Check that the test elements change color as expected when we flip the resistFingerprinting pref.
|
||||
await checkColorForPref(true, testDivs, green);
|
||||
await checkColorForPref(false, testDivs, blue);
|
||||
await checkColorForPref(true, testDivs, green);
|
||||
};
|
||||
|
|
@ -20,6 +20,7 @@ prefs =
|
|||
layout.css.d-property.enabled=true
|
||||
support-files =
|
||||
animation_utils.js
|
||||
bug1729861.js
|
||||
ccd-quirks.html
|
||||
ccd.sjs
|
||||
ccd-standards.html
|
||||
|
|
@ -183,6 +184,7 @@ support-files = file_bug1443344.css
|
|||
[test_bug1451199-2.html]
|
||||
[test_bug1490890.html]
|
||||
[test_bug1505254.html]
|
||||
[test_bug1729861.html]
|
||||
[test_cascade.html]
|
||||
[test_ch_ex_no_infloops.html]
|
||||
[test_change_hint_optimizations.html]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<!--
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=1729861
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test that toggling the resistFingerprinting pref re-evaluates device media queries</title>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
||||
<style id="test-css"></style>
|
||||
<script src="bug1729861.js"></script>
|
||||
<script>
|
||||
// Run all tests now.
|
||||
window.onload = function () {
|
||||
add_task(async function() {
|
||||
await test();
|
||||
});
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1729861">Bug 1729861</a>
|
||||
<p id="display">TEST</p>
|
||||
</body>
|
||||
</html>
|
||||
Загрузка…
Ссылка в новой задаче