| Index: third_party/WebKit/LayoutTests/editing/input/drag_in_unselectable.html
|
| diff --git a/third_party/WebKit/LayoutTests/editing/input/drag_in_unselectable.html b/third_party/WebKit/LayoutTests/editing/input/drag_in_unselectable.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..1687ab26d6d8199e9cc40b3971ea9d0939efa9b1
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/editing/input/drag_in_unselectable.html
|
| @@ -0,0 +1,95 @@
|
| +<!doctype html>
|
| +<head>
|
| +<style>
|
| +* { font-family: monospace; }
|
| +div {
|
| + border: solid 2px green;
|
| + margin: 2px;
|
| +}
|
| +</style>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +</style>
|
| +</head>
|
| +<body>
|
| +<input id="sample1" value="0123456789">
|
| +<div id="sample2" contenteditable>0123456789</div>
|
| +<div id="unselectable" style="user-select: none">0123456789</div>
|
| +<span id="metricSample">0123456789</span>
|
| +</body>
|
| +<script>
|
| +const sample1 = document.getElementById('sample1');
|
| +const sample2 = document.getElementById('sample2');
|
| +const unselectable = document.getElementById('unselectable');
|
| +const metricSample = document.getElementById('metricSample');
|
| +const selection = window.getSelection();
|
| +
|
| +const borderWidth = 2;
|
| +const charWidth = metricSample.offsetWidth / metricSample.firstChild.length;
|
| +
|
| +// To verify test script regression, we verify this test script moves mouse on
|
| +// |unselectable| element.
|
| +let didMoveMouseOnUnselectable = false;
|
| +unselectable.addEventListener('mousemove',
|
| + () => didMoveMouseOnUnselectable = true);
|
| +
|
| +function doAction() {
|
| + return new Promise((resolve, reject) => {
|
| + if (window.chrome === undefined)
|
| + return reject('required chrome.gpuBenchmarking');
|
| + if (window.chrome.gpuBenchmarking === undefined)
|
| + return reject('required chrome.gpuBenchmarking');
|
| +
|
| + didMoveMouseOnUnselectable = false;
|
| +
|
| + // Drag from "3" after "5" in "unselectable".
|
| + const startX = unselectable.offsetLeft + borderWidth;
|
| + const dragY = unselectable.offsetTop + unselectable.offsetHeight / 2;
|
| + chrome.gpuBenchmarking.pointerActionSequence(
|
| + [{
|
| + source: 'mouse',
|
| + actions: [
|
| + {
|
| + name: 'pointerDown',
|
| + button: 'left',
|
| + x: startX + charWidth * 3,
|
| + y: dragY,
|
| + },
|
| + {
|
| + name: 'pointerMove',
|
| + x: startX + charWidth * 6,
|
| + y: dragY,
|
| + },
|
| + {name: 'pointerUp'},
|
| + ],
|
| + }], resolve);
|
| + });
|
| +}
|
| +
|
| +promise_test(() => {
|
| + // Set caret before "7" in "sample1".
|
| + sample1.focus();
|
| + sample1.setSelectionRange(7, 7);
|
| + return doAction().then(() => {
|
| + assert_true(didMoveMouseOnUnselectable, 'mouse moved on unselectable');
|
| + assert_equals(document.activeElement, document.body, 'activeElement');
|
| + assert_equals(sample1.selectionStart, 7, 'selectionStart');
|
| + assert_equals(sample1.selectionEnd, 7, 'selectionEnd');
|
| + });
|
| +}, 'A drag at unselectable should not modify selection in INPUT.');
|
| +
|
| +promise_test(() => {
|
| + // Set caret before "7" in "sample2".
|
| + sample2.focus();
|
| + selection.collapse(sample2.firstChild, 7);
|
| + return doAction().then(() => {
|
| + assert_true(didMoveMouseOnUnselectable, 'mouse moved on unselectable');
|
| + assert_equals(document.activeElement, document.body, 'activeElement');
|
| + assert_equals(selection.anchorNode, sample2.firstChild, 'anchorNode');
|
| + assert_equals(selection.anchorOffset, 7, 'anchorOffset');
|
| + assert_equals(selection.focusNode, sample2.firstChild, 'focusNode');
|
| + assert_equals(selection.focusOffset, 7, 'focusOffset');
|
| + });
|
| +}, 'A drag at unselectable should not modify selection in contenteditable.');
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 2891693002:
Make mouse drag to ignore unfocused selection (Closed)
