chrome/test/data/webui/splitter_test.html - Issue 1760823002: Allow splitter to resize next element

Side by Side Diff: chrome/test/data/webui/splitter_test.html

Issue 1760823002: Allow splitter to resize next element (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: remote redundant '+' Created 4 years, 9 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <!doctype html>	1 <!doctype html>

2 <html>	2 <html>

3 <body>	3 <body>

4 <div></div>	4 <div id="previous"></div>

5 <div id="splitter"></div>	5 <div id="splitter"></div>

6 <div></div>	6 <div id="next"></div>

7 <script>	7 <script>

8 function testSplitter_IgnoresRightMouse() {	8 function testSplitter_IgnoresRightMouse() {

9 var splitter = document.getElementById('splitter');	9 var splitter = document.getElementById('splitter');

10 cr.ui.decorate(splitter, cr.ui.Splitter);	10 cr.ui.decorate(splitter, cr.ui.Splitter);

11	11

12 var downRight = new MouseEvent('mousedown', {button: 1, cancelable: true});	12 var downRight = new MouseEvent('mousedown', {button: 1, cancelable: true});

13 assertTrue(splitter.dispatchEvent(downRight));	13 assertTrue(splitter.dispatchEvent(downRight));

14 assertFalse(downRight.defaultPrevented);	14 assertFalse(downRight.defaultPrevented);

15	15

16 var downLeft = new MouseEvent('mousedown', {button: 0, cancelable: true});	16 var downLeft = new MouseEvent('mousedown', {button: 0, cancelable: true});

17 assertFalse(splitter.dispatchEvent(downLeft));	17 assertFalse(splitter.dispatchEvent(downLeft));

18 assertTrue(downLeft.defaultPrevented);	18 assertTrue(downLeft.defaultPrevented);

19 }	19 }

	20

	21 function testSplitter_ResizePreviousElement() {

	22 var splitter = document.getElementById('splitter');

	23 cr.ui.decorate(splitter, cr.ui.Splitter);

	24 splitter.resizeNextElement = false;

	25

	26 var previousElement = document.getElementById('previous');

	27 previousElement.style.width = '0px';

	28 var beforeWidth = parseFloat(previousElement.style.width);

	29

	30 var down = new MouseEvent('mousedown',

	31 {button: 0, cancelable: true, clientX: 0});

	32 splitter.dispatchEvent(down);

	33

	34 var move = new MouseEvent('mousemove',

	35 {button: 0, cancelable: true, clientX: 50});

	36 splitter.dispatchEvent(move);

	37

	38 move = new MouseEvent('mousemove',

	39 {button: 0, cancelable: true, clientX: 100});

	40 splitter.dispatchEvent(move);

	41

	42 var up = new MouseEvent('mouseup',

	43 {button: 0, cancelable: true, clientX: 100});

	44 splitter.dispatchEvent(up);

	45

	46 var afterWidth = parseFloat(previousElement.style.width);

	47 assertEquals(100, afterWidth - beforeWidth);

	48 }

	49

	50 function testSplitter_ResizeNextElement() {

	51 var splitter = document.getElementById('splitter');

	52 cr.ui.decorate(splitter, cr.ui.Splitter, true);

	53 splitter.resizeNextElement = true;

	54 var nextElement = document.getElementById('next');

	55 nextElement.style.width = '0px';

	56 var beforeWidth = parseFloat(nextElement.style.width);

	57

	58 var down = new MouseEvent('mousedown',

	59 {button: 0, cancelable: true, clientX: 100});

	60 splitter.dispatchEvent(down);

	61

	62 var move = new MouseEvent('mousemove',

	63 {button: 0, cancelable: true, clientX: 50});

	64 splitter.dispatchEvent(move);

	65

	66 move = new MouseEvent('mousemove',

	67 {button: 0, cancelable: true, clientX: 0});

	68 splitter.dispatchEvent(move);

	69

	70 var up = new MouseEvent('mouseup',

	71 {button: 0, cancelable: true, clientX: 0});

	72 splitter.dispatchEvent(up);

	73

	74 var afterWidth = parseFloat(nextElement.style.width);

	75 assertEquals(100, afterWidth - beforeWidth);

	76 }

20 </script>	77 </script>

21 </body>	78 </body>

22 </html>	79 </html>

OLD	NEW

« no previous file with comments | « no previous file | ui/webui/resources/js/cr/ui/splitter.js » ('j') | no next file with comments »