Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(76)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: tracing/tracing/ui/base/checkbox_picker_test.html

Issue 1923953003: [polymer] Switches .appendChild() to Polymer.dom()...appendChild() (Closed) Base URL: git@github.com:catapult-project/catapult.git@polymer10-migration
Patch Set: Created 4 years, 7 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
« no previous file with comments | « tracing/tracing/ui/annotations/comment_box_annotation_view.html ('k') | tracing/tracing/ui/base/color_legend.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <!-- 2 <!--
3 Copyright (c) 2016 The Chromium Authors. All rights reserved. 3 Copyright (c) 2016 The Chromium Authors. All rights reserved.
4 Use of this source code is governed by a BSD-style license that can be 4 Use of this source code is governed by a BSD-style license that can be
5 found in the LICENSE file. 5 found in the LICENSE file.
6 --> 6 -->
7 7
8 <link rel="import" href="/tracing/ui/base/checkbox_picker.html"> 8 <link rel="import" href="/tracing/ui/base/checkbox_picker.html">
9 <link rel="import" href="/tracing/ui/base/dom_helpers.html"> 9 <link rel="import" href="/tracing/ui/base/dom_helpers.html">
10 10
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 container1.style.border = 'solid'; 68 container1.style.border = 'solid';
69 var cp = document.createElement('tr-ui-b-checkbox-picker'); 69 var cp = document.createElement('tr-ui-b-checkbox-picker');
70 cp.settingsKey = 'checkbox-picker-test-one'; 70 cp.settingsKey = 'checkbox-picker-test-one';
71 cp.items = [ 71 cp.items = [
72 {key: 'Toyota', label: 'I want to drive Toyota'}, 72 {key: 'Toyota', label: 'I want to drive Toyota'},
73 {key: 'Honda', label: 'I want to drive Honda'}, 73 {key: 'Honda', label: 'I want to drive Honda'},
74 {key: 'Tesla', label: 'I want to drive electric car'}, 74 {key: 'Tesla', label: 'I want to drive electric car'},
75 ]; 75 ];
76 cp.selectCheckbox('Toyota'); 76 cp.selectCheckbox('Toyota');
77 cp.selectCheckbox('Tesla'); 77 cp.selectCheckbox('Tesla');
78 container1.appendChild(cp); 78 Polymer.dom(container1).appendChild(cp);
79 this.addHTMLOutput(container1); 79 this.addHTMLOutput(container1);
80 cp.unselectCheckbox('Tesla'); 80 cp.unselectCheckbox('Tesla');
81 assert.deepEqual(cp.checkedKeys, ['Toyota']); 81 assert.deepEqual(cp.checkedKeys, ['Toyota']);
82 82
83 this.addHTMLOutput(document.createElement('br')); 83 this.addHTMLOutput(document.createElement('br'));
84 84
85 var container2 = tr.ui.b.createDiv( 85 var container2 = tr.ui.b.createDiv(
86 {textContent: 86 {textContent:
87 'Checkbox Picker Two (Same settingsKey as Checkbox Picker One)'}); 87 'Checkbox Picker Two (Same settingsKey as Checkbox Picker One)'});
88 container2.style.border = 'solid #0000FF'; 88 container2.style.border = 'solid #0000FF';
89 var cp2 = document.createElement('tr-ui-b-checkbox-picker'); 89 var cp2 = document.createElement('tr-ui-b-checkbox-picker');
90 cp2.settingsKey = 'checkbox-picker-test-one'; 90 cp2.settingsKey = 'checkbox-picker-test-one';
91 cp2.items = [ 91 cp2.items = [
92 {key: 'Toyota', label: 'I want to drive Toyota'}, 92 {key: 'Toyota', label: 'I want to drive Toyota'},
93 {key: 'Honda', label: 'I want to drive Honda'}, 93 {key: 'Honda', label: 'I want to drive Honda'},
94 {key: 'Tesla', label: 'I want to drive electric car'}, 94 {key: 'Tesla', label: 'I want to drive electric car'},
95 ]; 95 ];
96 container2.appendChild(cp2); 96 Polymer.dom(container2).appendChild(cp2);
97 this.addHTMLOutput(container2); 97 this.addHTMLOutput(container2);
98 assert.deepEqual(cp2.checkedKeys, ['Toyota']); 98 assert.deepEqual(cp2.checkedKeys, ['Toyota']);
99 }); 99 });
100 100
101 test('testPersistentStateTwoSetSettingsKeyAfterSettingItems', function() { 101 test('testPersistentStateTwoSetSettingsKeyAfterSettingItems', function() {
102 var container1 = tr.ui.b.createDiv({textContent: 'Checkbox Picker One'}); 102 var container1 = tr.ui.b.createDiv({textContent: 'Checkbox Picker One'});
103 container1.style.border = 'solid'; 103 container1.style.border = 'solid';
104 var cp = document.createElement('tr-ui-b-checkbox-picker'); 104 var cp = document.createElement('tr-ui-b-checkbox-picker');
105 cp.items = [ 105 cp.items = [
106 {key: 'Toyota', label: 'I want to drive Toyota'}, 106 {key: 'Toyota', label: 'I want to drive Toyota'},
107 {key: 'Honda', label: 'I want to drive Honda'}, 107 {key: 'Honda', label: 'I want to drive Honda'},
108 {key: 'Tesla', label: 'I want to drive electric car'}, 108 {key: 'Tesla', label: 'I want to drive electric car'},
109 ]; 109 ];
110 cp.settingsKey = 'checkbox-picker-test-one'; 110 cp.settingsKey = 'checkbox-picker-test-one';
111 cp.selectCheckbox('Toyota'); 111 cp.selectCheckbox('Toyota');
112 cp.selectCheckbox('Tesla'); 112 cp.selectCheckbox('Tesla');
113 container1.appendChild(cp); 113 Polymer.dom(container1).appendChild(cp);
114 this.addHTMLOutput(container1); 114 this.addHTMLOutput(container1);
115 assert.deepEqual(cp.checkedKeys.sort(), ['Tesla', 'Toyota']); 115 assert.deepEqual(cp.checkedKeys.sort(), ['Tesla', 'Toyota']);
116 116
117 this.addHTMLOutput(document.createElement('br')); 117 this.addHTMLOutput(document.createElement('br'));
118 118
119 var container2 = tr.ui.b.createDiv( 119 var container2 = tr.ui.b.createDiv(
120 {textContent: 120 {textContent:
121 'Checkbox Picker Two (Same settingsKey as Checkbox Picker One)'}); 121 'Checkbox Picker Two (Same settingsKey as Checkbox Picker One)'});
122 container2.style.border = 'solid #0000FF'; 122 container2.style.border = 'solid #0000FF';
123 var cp2 = document.createElement('tr-ui-b-checkbox-picker'); 123 var cp2 = document.createElement('tr-ui-b-checkbox-picker');
124 cp2.items = [ 124 cp2.items = [
125 {key: 'Toyota', label: 'I want to drive Toyota'}, 125 {key: 'Toyota', label: 'I want to drive Toyota'},
126 {key: 'Honda', label: 'I want to drive Honda'}, 126 {key: 'Honda', label: 'I want to drive Honda'},
127 {key: 'Tesla', label: 'I want to drive electric car'}, 127 {key: 'Tesla', label: 'I want to drive electric car'},
128 ]; 128 ];
129 container2.appendChild(cp2); 129 Polymer.dom(container2).appendChild(cp2);
130 this.addHTMLOutput(container2); 130 this.addHTMLOutput(container2);
131 cp2.settingsKey = 'checkbox-picker-test-one'; 131 cp2.settingsKey = 'checkbox-picker-test-one';
132 assert.deepEqual(cp2.checkedKeys.sort(), ['Tesla', 'Toyota']); 132 assert.deepEqual(cp2.checkedKeys.sort(), ['Tesla', 'Toyota']);
133 133
134 }); 134 });
135 135
136 136
137 137
138 }); 138 });
139 </script> 139 </script>
OLDNEW
« no previous file with comments | « tracing/tracing/ui/annotations/comment_box_annotation_view.html ('k') | tracing/tracing/ui/base/color_legend.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698