| Index: chrome/test/data/webui/splitter_test.html
|
| diff --git a/chrome/test/data/webui/splitter_test.html b/chrome/test/data/webui/splitter_test.html
|
| index 9d4a567b82a56797d4a32ba21a8e7b578e73ece8..0d9dd7a09f855638e1ba430b41cfa629b56b7008 100644
|
| --- a/chrome/test/data/webui/splitter_test.html
|
| +++ b/chrome/test/data/webui/splitter_test.html
|
| @@ -1,9 +1,9 @@
|
| <!doctype html>
|
| <html>
|
| <body>
|
| -<div></div>
|
| +<div id="previous"></div>
|
| <div id="splitter"></div>
|
| -<div></div>
|
| +<div id="next"></div>
|
| <script>
|
| function testSplitter_IgnoresRightMouse() {
|
| var splitter = document.getElementById('splitter');
|
| @@ -17,6 +17,63 @@ function testSplitter_IgnoresRightMouse() {
|
| assertFalse(splitter.dispatchEvent(downLeft));
|
| assertTrue(downLeft.defaultPrevented);
|
| }
|
| +
|
| +function testSplitter_ResizePreviousElement() {
|
| + var splitter = document.getElementById('splitter');
|
| + cr.ui.decorate(splitter, cr.ui.Splitter);
|
| + splitter.resizeNextElement = false;
|
| +
|
| + var previousElement = document.getElementById('previous');
|
| + previousElement.style.width = '0px';
|
| + var beforeWidth = parseFloat(previousElement.style.width);
|
| +
|
| + var down = new MouseEvent('mousedown',
|
| + {button: 0, cancelable: true, clientX: 0});
|
| + splitter.dispatchEvent(down);
|
| +
|
| + var move = new MouseEvent('mousemove',
|
| + {button: 0, cancelable: true, clientX: 50});
|
| + splitter.dispatchEvent(move);
|
| +
|
| + move = new MouseEvent('mousemove',
|
| + {button: 0, cancelable: true, clientX: 100});
|
| + splitter.dispatchEvent(move);
|
| +
|
| + var up = new MouseEvent('mouseup',
|
| + {button: 0, cancelable: true, clientX: 100});
|
| + splitter.dispatchEvent(up);
|
| +
|
| + var afterWidth = parseFloat(previousElement.style.width);
|
| + assertEquals(100, afterWidth - beforeWidth);
|
| +}
|
| +
|
| +function testSplitter_ResizeNextElement() {
|
| + var splitter = document.getElementById('splitter');
|
| + cr.ui.decorate(splitter, cr.ui.Splitter, true);
|
| + splitter.resizeNextElement = true;
|
| + var nextElement = document.getElementById('next');
|
| + nextElement.style.width = '0px';
|
| + var beforeWidth = parseFloat(nextElement.style.width);
|
| +
|
| + var down = new MouseEvent('mousedown',
|
| + {button: 0, cancelable: true, clientX: 100});
|
| + splitter.dispatchEvent(down);
|
| +
|
| + var move = new MouseEvent('mousemove',
|
| + {button: 0, cancelable: true, clientX: 50});
|
| + splitter.dispatchEvent(move);
|
| +
|
| + move = new MouseEvent('mousemove',
|
| + {button: 0, cancelable: true, clientX: 0});
|
| + splitter.dispatchEvent(move);
|
| +
|
| + var up = new MouseEvent('mouseup',
|
| + {button: 0, cancelable: true, clientX: 0});
|
| + splitter.dispatchEvent(up);
|
| +
|
| + var afterWidth = parseFloat(nextElement.style.width);
|
| + assertEquals(100, afterWidth - beforeWidth);
|
| +}
|
| </script>
|
| </body>
|
| </html>
|
|
|
Chromium Code Reviews
Issue 1760823002:
Allow splitter to resize next element (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master