зеркало из 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
|
layout.css.d-property.enabled=true
|
||||||
support-files =
|
support-files =
|
||||||
animation_utils.js
|
animation_utils.js
|
||||||
|
bug1729861.js
|
||||||
ccd-quirks.html
|
ccd-quirks.html
|
||||||
ccd.sjs
|
ccd.sjs
|
||||||
ccd-standards.html
|
ccd-standards.html
|
||||||
|
|
@ -183,6 +184,7 @@ support-files = file_bug1443344.css
|
||||||
[test_bug1451199-2.html]
|
[test_bug1451199-2.html]
|
||||||
[test_bug1490890.html]
|
[test_bug1490890.html]
|
||||||
[test_bug1505254.html]
|
[test_bug1505254.html]
|
||||||
|
[test_bug1729861.html]
|
||||||
[test_cascade.html]
|
[test_cascade.html]
|
||||||
[test_ch_ex_no_infloops.html]
|
[test_ch_ex_no_infloops.html]
|
||||||
[test_change_hint_optimizations.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>
|
||||||
Загрузка…
Ссылка в новой задаче