| Index: third_party/WebKit/LayoutTests/fast/forms/label/label-selection-by-textSelection-and-click.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/forms/label/label-selection-by-textSelection-and-click.html b/third_party/WebKit/LayoutTests/fast/forms/label/label-selection-by-textSelection-and-click.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..d7b81eb63c6cd32c20b6c9166ed20889f0d0f2eb
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/forms/label/label-selection-by-textSelection-and-click.html
|
| @@ -0,0 +1,52 @@
|
| +<!DOCTYPE html>
|
| +<script src='../../../resources/testharness.js'></script>
|
| +<script src='../../../resources/testharnessreport.js'></script>
|
| +<p>Selected Text</p>
|
| +<label>
|
| +<img src="../resources/green.jpg" width=100 height=100>
|
| +<br><input type=radio> Then click the image
|
| +</label>
|
| +<script>
|
| +
|
| +var text = document.querySelector("p");
|
| +var label = document.querySelector("label");
|
| +var radio = label.querySelector("input[type=radio]");
|
| +var image = label.querySelector("img");
|
| +var targetTextRect = text.getBoundingClientRect();
|
| +var textLeft = targetTextRect.left;
|
| +var textTop = targetTextRect.top;
|
| +var textWidth = targetTextRect.width;
|
| +var targetImageRect = image.getBoundingClientRect();
|
| +var imageLeft = targetImageRect.left;
|
| +var imageTop = targetImageRect.top;
|
| +
|
| +function callbackValidMoveCount() {
|
| + testTouchMove.step(function() {
|
| + assert_equals(window.getSelection().toString(), "Selected Text");
|
| + assert_true(radio.checked);
|
| + });
|
| + testTouchMove.done();
|
| +}
|
| +
|
| +function testLabelClickOnSelectedText() {
|
| + if (window.chrome && chrome.gpuBenchmarking) {
|
| + var pointerActions =
|
| + [{ source: "mouse",
|
| + actions: [
|
| + { name: "pointerDown", x: textLeft, y: textTop },
|
| + { name: "pointerMove", x: textLeft + textWidth, y: textTop },
|
| + { name: "pointerUp" },
|
| + { name:"pause"},
|
| + { name: "pointerDown", x: imageLeft, y: imageTop},
|
| + { name: "pointerUp" }]}];
|
| + chrome.gpuBenchmarking.pointerActionSequence(pointerActions, callbackValidMoveCount);
|
| + }
|
| +}
|
| +
|
| +var testTouchMove = async_test("Tests that Radio Input gets checked if label clicked along with a text selection.");
|
| +// This test runs as follows.
|
| +// 1. Select the text.
|
| +// 2. Then click on label element image.
|
| +// 3. Radio button should be checked.
|
| +testLabelClickOnSelectedText();
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2833313003:
Pass clickEvent to controlElement inside label if targetNode can't start selection (Closed)
