diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/base/test/test_bug1101364.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/base/test/test_bug1101364.html')
| -rw-r--r-- | dom/base/test/test_bug1101364.html | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/dom/base/test/test_bug1101364.html b/dom/base/test/test_bug1101364.html new file mode 100644 index 0000000000..f3794d3dd0 --- /dev/null +++ b/dom/base/test/test_bug1101364.html @@ -0,0 +1,93 @@ +<!DOCTYPE> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=1101364 +--> +<head> +<title>Test for Bug 1101364</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script src="/tests/SimpleTest/WindowSnapshot.js"></script> + <script src="/tests/SimpleTest/EventUtils.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> + <style> + #test1 { + user-select: none; + } + + #testDiv, #test2 { + user-select: text; + } + </style> +</head> +<body id='body'> + +<iframe id="test1" srcdoc="<h1 id='test1' style='user-select:none'>Header</h1><div id='testDiv'>test1</div>"></iframe> +<iframe id="test2" srcdoc="<div contenteditable id='test2'>AAA<span id='test2Inner'>BBB</span></div>"></iframe> +<pre id="test"> +<script class="testbody" type="text/javascript"> + +SimpleTest.waitForExplicitFinish(); +SimpleTest.waitForFocus(async () => { + await (async () => { + const iframe = document.getElementById("test1"); + iframe.focus(); + const docShell = SpecialPowers.wrap(iframe.contentWindow).docShell; + + docShell.doCommand("cmd_selectAll"); + info( + "Waiting for getting screenshot of \"Select All\" without contenteditable..." + ); + const withoutContenteditable = await snapshotWindow(iframe.contentWindow); + + iframe.contentDocument + .getElementById("testDiv") + .setAttribute("contentEditable", true); + docShell.doCommand("cmd_selectAll"); + info( + "Waiting for getting screenshot of \"Select All\" in contenteditable..." + ); + const withContenteditable = await snapshotWindow(iframe.contentWindow); + const result = + compareSnapshots(withoutContenteditable, withContenteditable, true); + ok( + result[0], + `Select all should look identical\ngot: ${ + result[2] + }\nexpected: ${result[1]}` + ); + })(); + + await (async () => { + const iframe = document.getElementById("test2"); + iframe.focus(); + iframe.contentDocument.querySelector("div[contenteditable]").focus(); + const docShell = SpecialPowers.wrap(iframe.contentWindow).docShell; + const test2Inner = iframe.contentDocument.getElementById("test2Inner"); + test2Inner.style.MozUserSelect = "text"; + docShell.doCommand("cmd_selectAll"); + info( + "Waiting for getting screenshot of \"Select All\" in contenteditable (use-select: text)..." + ); + const withoutUserSelect = await snapshotWindow(iframe.contentWindow); + + test2Inner.style.MozUserSelect = "none"; + docShell.doCommand("cmd_selectAll"); + info( + "Waiting for getting screenshot of \"Select All\" in contenteditable (use-select: none)..." + ); + const withUserSelect = await snapshotWindow(iframe.contentWindow); + const result = compareSnapshots(withoutUserSelect, withUserSelect, true); + ok( + result[0], + `Editable fields should ignore user select style\ngot: ${ + result[2] + }\nexpected: ${result[1]}` + ); + })(); + + SimpleTest.finish(); +}); +</script> +</pre> +</body> +</html> |