##// END OF EJS Templates
Print cell output
Jonathan Frederic -
Show More
@@ -1,80 +1,81 b''
1 // Test container class
1 // Test container class
2 casper.notebook_test(function () {
2 casper.notebook_test(function () {
3 index = this.append_cell(
3 index = this.append_cell(
4 'from IPython.html import widgets\n' +
4 'from IPython.html import widgets\n' +
5 'from IPython.display import display, clear_output\n' +
5 'from IPython.display import display, clear_output\n' +
6 'print("Success")');
6 'print("Success")');
7 this.execute_cell_then(index);
7 this.execute_cell_then(index);
8
8
9 var container_index = this.append_cell(
9 var container_index = this.append_cell(
10 'container = widgets.ContainerWidget()\n' +
10 'container = widgets.ContainerWidget()\n' +
11 'button = widgets.ButtonWidget()\n'+
11 'button = widgets.ButtonWidget()\n'+
12 'container.children = [button]\n'+
12 'container.children = [button]\n'+
13 'display(container)\n'+
13 'display(container)\n'+
14 'container.add_class("my-test-class")\n'+
14 'container.add_class("my-test-class")\n'+
15 'print("Success")\n');
15 'print("Success")\n');
16 this.execute_cell_then(container_index, function(index){
16 this.execute_cell_then(container_index, function(index){
17
17
18 print(this.get_output_cell(index).text);
18 this.test.assert(this.get_output_cell(index).text == 'Success\n',
19 this.test.assert(this.get_output_cell(index).text == 'Success\n',
19 'Create container cell executed with correct output.');
20 'Create container cell executed with correct output.');
20
21
21 this.test.assert(this.cell_element_exists(index,
22 this.test.assert(this.cell_element_exists(index,
22 '.widget-area .widget-subarea'),
23 '.widget-area .widget-subarea'),
23 'Widget subarea exists.');
24 'Widget subarea exists.');
24
25
25 this.test.assert(this.cell_element_exists(index,
26 this.test.assert(this.cell_element_exists(index,
26 '.widget-area .widget-subarea .widget-container'),
27 '.widget-area .widget-subarea .widget-container'),
27 'Widget container exists.');
28 'Widget container exists.');
28
29
29 this.test.assert(this.cell_element_exists(index,
30 this.test.assert(this.cell_element_exists(index,
30 '.widget-area .widget-subarea .my-test-class'),
31 '.widget-area .widget-subarea .my-test-class'),
31 'add_class works.');
32 'add_class works.');
32
33
33 this.test.assert(this.cell_element_exists(index,
34 this.test.assert(this.cell_element_exists(index,
34 '.widget-area .widget-subarea .my-test-class button'),
35 '.widget-area .widget-subarea .my-test-class button'),
35 'Container parent/child relationship works.');
36 'Container parent/child relationship works.');
36 });
37 });
37
38
38 index = this.append_cell(
39 index = this.append_cell(
39 'container.set_css("float", "right")\n'+
40 'container.set_css("float", "right")\n'+
40 'print("Success")\n');
41 'print("Success")\n');
41 this.execute_cell_then(index, function(index){
42 this.execute_cell_then(index, function(index){
42
43
43 this.test.assert(this.get_output_cell(index).text == 'Success\n',
44 this.test.assert(this.get_output_cell(index).text == 'Success\n',
44 'Set container class CSS cell executed with correct output.');
45 'Set container class CSS cell executed with correct output.');
45
46
46 this.test.assert(this.cell_element_function(container_index,
47 this.test.assert(this.cell_element_function(container_index,
47 '.widget-area .widget-subarea .my-test-class', 'css', ['float'])=='right',
48 '.widget-area .widget-subarea .my-test-class', 'css', ['float'])=='right',
48 'set_css works.');
49 'set_css works.');
49 });
50 });
50
51
51 index = this.append_cell(
52 index = this.append_cell(
52 'container.remove_class("my-test-class")\n'+
53 'container.remove_class("my-test-class")\n'+
53 'print("Success")\n');
54 'print("Success")\n');
54 this.execute_cell_then(index, function(index){
55 this.execute_cell_then(index, function(index){
55
56
56 this.test.assert(this.get_output_cell(index).text == 'Success\n',
57 this.test.assert(this.get_output_cell(index).text == 'Success\n',
57 'Remove container class cell executed with correct output.');
58 'Remove container class cell executed with correct output.');
58
59
59 this.test.assert(! this.cell_element_exists(container_index,
60 this.test.assert(! this.cell_element_exists(container_index,
60 '.widget-area .widget-subarea .my-test-class'),
61 '.widget-area .widget-subarea .my-test-class'),
61 'remove_class works.');
62 'remove_class works.');
62 });
63 });
63
64
64 index = this.append_cell(
65 index = this.append_cell(
65 'display(button)\n'+
66 'display(button)\n'+
66 'print("Success")\n');
67 'print("Success")\n');
67 this.execute_cell_then(index, function(index){
68 this.execute_cell_then(index, function(index){
68
69
69 this.test.assert(this.get_output_cell(index).text == 'Success\n',
70 this.test.assert(this.get_output_cell(index).text == 'Success\n',
70 'Display container child executed with correct output.');
71 'Display container child executed with correct output.');
71
72
72 this.test.assert(! this.cell_element_exists(index,
73 this.test.assert(! this.cell_element_exists(index,
73 '.widget-area .widget-subarea .widget-container'),
74 '.widget-area .widget-subarea .widget-container'),
74 'Parent container not displayed.');
75 'Parent container not displayed.');
75
76
76 this.test.assert(this.cell_element_exists(index,
77 this.test.assert(this.cell_element_exists(index,
77 '.widget-area .widget-subarea button'),
78 '.widget-area .widget-subarea button'),
78 'Child displayed.');
79 'Child displayed.');
79 });
80 });
80 }); No newline at end of file
81 });
@@ -1,108 +1,108 b''
1 // Test multicontainer class
1 // Test multicontainer class
2 casper.notebook_test(function () {
2 casper.notebook_test(function () {
3 index = this.append_cell(
3 index = this.append_cell(
4 'from IPython.html import widgets\n' +
4 'from IPython.html import widgets\n' +
5 'from IPython.display import display, clear_output\n' +
5 'from IPython.display import display, clear_output\n' +
6 'print("Success")');
6 'print("Success")');
7 this.execute_cell_then(index);
7 this.execute_cell_then(index);
8
8
9 // Test tab view
9 // Test tab view
10 var multicontainer1_query = '.widget-area .widget-subarea div div.nav-tabs';
10 var multicontainer1_query = '.widget-area .widget-subarea div div.nav-tabs';
11 var multicontainer1_index = this.append_cell(
11 var multicontainer1_index = this.append_cell(
12 'multicontainer = widgets.MulticontainerWidget()\n' +
12 'multicontainer = widgets.MulticontainerWidget()\n' +
13 'page1 = widgets.StringWidget()\n' +
13 'page1 = widgets.StringWidget()\n' +
14 'page2 = widgets.StringWidget()\n' +
14 'page2 = widgets.StringWidget()\n' +
15 'page3 = widgets.StringWidget()\n' +
15 'page3 = widgets.StringWidget()\n' +
16 'multicontainer.children = [page1, page2, page3]\n' +
16 'multicontainer.children = [page1, page2, page3]\n' +
17 'display(multicontainer)\n' +
17 'display(multicontainer)\n' +
18 'multicontainer.selected_index = 0\n' +
18 'multicontainer.selected_index = 0\n' +
19 'print("Success")\n');
19 'print("Success")\n');
20 this.execute_cell_then(multicontainer1_index, function(index){
20 this.execute_cell_then(multicontainer1_index, function(index){
21
21 print(this.get_output_cell(index).text);
22 this.test.assert(this.get_output_cell(index).text == 'Success\n',
22 this.test.assert(this.get_output_cell(index).text == 'Success\n',
23 'Create multicontainer cell executed with correct output. (1)');
23 'Create multicontainer cell executed with correct output. (1)');
24
24
25 this.test.assert(this.cell_element_exists(index,
25 this.test.assert(this.cell_element_exists(index,
26 '.widget-area .widget-subarea'),
26 '.widget-area .widget-subarea'),
27 'Widget subarea exists.');
27 'Widget subarea exists.');
28
28
29 this.test.assert(this.cell_element_exists(index, multicontainer1_query),
29 this.test.assert(this.cell_element_exists(index, multicontainer1_query),
30 'Widget tab list exists.');
30 'Widget tab list exists.');
31
31
32 this.test.assert(this.cell_element_exists(index, multicontainer1_query),
32 this.test.assert(this.cell_element_exists(index, multicontainer1_query),
33 'First widget tab list exists.');
33 'First widget tab list exists.');
34
34
35 // JQuery selector is 1 based
35 // JQuery selector is 1 based
36 this.click(multicontainer1_query + ' li:nth-child(2) a')
36 this.click(multicontainer1_query + ' li:nth-child(2) a')
37 });
37 });
38
38
39 this.wait(500); // Wait for change to execute in kernel
39 this.wait(500); // Wait for change to execute in kernel
40
40
41 index = this.append_cell(
41 index = this.append_cell(
42 'print(multicontainer.selected_index)\n' +
42 'print(multicontainer.selected_index)\n' +
43 'multicontainer.selected_index = 2'); // 0 based
43 'multicontainer.selected_index = 2'); // 0 based
44 this.execute_cell_then(index, function(index){
44 this.execute_cell_then(index, function(index){
45 this.test.assert(this.get_output_cell(index).text == '1\n', // 0 based
45 this.test.assert(this.get_output_cell(index).text == '1\n', // 0 based
46 'selected_index property updated with tab change.');
46 'selected_index property updated with tab change.');
47
47
48 // JQuery selector is 1 based
48 // JQuery selector is 1 based
49 this.test.assert(!this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(1)', 'hasClass', ['active']),
49 this.test.assert(!this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(1)', 'hasClass', ['active']),
50 "Tab 1 is not selected.")
50 "Tab 1 is not selected.")
51 this.test.assert(!this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(2)', 'hasClass', ['active']),
51 this.test.assert(!this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(2)', 'hasClass', ['active']),
52 "Tab 2 is not selected.")
52 "Tab 2 is not selected.")
53 this.test.assert(this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(3)', 'hasClass', ['active']),
53 this.test.assert(this.cell_element_function(multicontainer1_index, multicontainer1_query + ' li:nth-child(3)', 'hasClass', ['active']),
54 "Tab 3 is selected.")
54 "Tab 3 is selected.")
55 });
55 });
56
56
57 index = this.append_cell('multicontainer.set_title(1, "hello")\nprint("Success")'); // 0 based
57 index = this.append_cell('multicontainer.set_title(1, "hello")\nprint("Success")'); // 0 based
58 this.execute_cell_then(index, function(index){
58 this.execute_cell_then(index, function(index){
59 this.test.assert(this.cell_element_function(multicontainer1_index, multicontainer1_query +
59 this.test.assert(this.cell_element_function(multicontainer1_index, multicontainer1_query +
60 ' li:nth-child(2) a', 'html') == 'hello',
60 ' li:nth-child(2) a', 'html') == 'hello',
61 'Tab page title set (after display).');
61 'Tab page title set (after display).');
62 });
62 });
63
63
64 // Test accordion view
64 // Test accordion view
65 var multicontainer2_query = '.widget-area .widget-subarea .accordion';
65 var multicontainer2_query = '.widget-area .widget-subarea .accordion';
66 var multicontainer2_index = this.append_cell(
66 var multicontainer2_index = this.append_cell(
67 'multicontainer = widgets.MulticontainerWidget()\n' +
67 'multicontainer = widgets.MulticontainerWidget()\n' +
68 'page1 = widgets.StringWidget()\n' +
68 'page1 = widgets.StringWidget()\n' +
69 'page2 = widgets.StringWidget()\n' +
69 'page2 = widgets.StringWidget()\n' +
70 'page3 = widgets.StringWidget()\n' +
70 'page3 = widgets.StringWidget()\n' +
71 'multicontainer.children = [page1, page2, page3]\n' +
71 'multicontainer.children = [page1, page2, page3]\n' +
72 'multicontainer.set_title(2, "good")\n' +
72 'multicontainer.set_title(2, "good")\n' +
73 'display(multicontainer, view_name="AccordionView")\n' +
73 'display(multicontainer, view_name="AccordionView")\n' +
74 'multicontainer.selected_index = 0\n' +
74 'multicontainer.selected_index = 0\n' +
75 'print("Success")\n');
75 'print("Success")\n');
76 this.execute_cell_then(multicontainer2_index, function(index){
76 this.execute_cell_then(multicontainer2_index, function(index){
77
77
78 this.test.assert(this.get_output_cell(index).text == 'Success\n',
78 this.test.assert(this.get_output_cell(index).text == 'Success\n',
79 'Create multicontainer cell executed with correct output. (2)');
79 'Create multicontainer cell executed with correct output. (2)');
80
80
81 this.test.assert(this.cell_element_exists(index,
81 this.test.assert(this.cell_element_exists(index,
82 '.widget-area .widget-subarea'),
82 '.widget-area .widget-subarea'),
83 'Widget subarea exists.');
83 'Widget subarea exists.');
84
84
85 this.test.assert(this.cell_element_exists(index, multicontainer2_query),
85 this.test.assert(this.cell_element_exists(index, multicontainer2_query),
86 'Widget accordion exists.');
86 'Widget accordion exists.');
87
87
88 this.test.assert(this.cell_element_exists(index, multicontainer2_query +
88 this.test.assert(this.cell_element_exists(index, multicontainer2_query +
89 ' .accordion-group:nth-child(1) .accordion-body'),
89 ' .accordion-group:nth-child(1) .accordion-body'),
90 'First accordion page exists.');
90 'First accordion page exists.');
91
91
92 // JQuery selector is 1 based
92 // JQuery selector is 1 based
93 this.test.assert(this.cell_element_function(index, multicontainer2_query +
93 this.test.assert(this.cell_element_function(index, multicontainer2_query +
94 ' .accordion-group:nth-child(3) .accordion-heading .accordion-toggle',
94 ' .accordion-group:nth-child(3) .accordion-heading .accordion-toggle',
95 'html')=='good', 'Accordion page title set (before display).');
95 'html')=='good', 'Accordion page title set (before display).');
96
96
97 // JQuery selector is 1 based
97 // JQuery selector is 1 based
98 this.click(multicontainer2_query + ' .accordion-group:nth-child(2) .accordion-heading .accordion-toggle');
98 this.click(multicontainer2_query + ' .accordion-group:nth-child(2) .accordion-heading .accordion-toggle');
99 });
99 });
100
100
101 this.wait(500); // Wait for change to execute in kernel
101 this.wait(500); // Wait for change to execute in kernel
102
102
103 index = this.append_cell('print(multicontainer.selected_index)'); // 0 based
103 index = this.append_cell('print(multicontainer.selected_index)'); // 0 based
104 this.execute_cell_then(index, function(index){
104 this.execute_cell_then(index, function(index){
105 this.test.assert(this.get_output_cell(index).text == '1\n', // 0 based
105 this.test.assert(this.get_output_cell(index).text == '1\n', // 0 based
106 'selected_index property updated with tab change.');
106 'selected_index property updated with tab change.');
107 });
107 });
108 }); No newline at end of file
108 });
General Comments 0
You need to be logged in to leave comments. Login now