Index: chrome/test/data/webui/cr_elements/cr_profile_avatar_selector_tests.js |
diff --git a/chrome/test/data/webui/cr_elements/cr_profile_avatar_selector_tests.js b/chrome/test/data/webui/cr_elements/cr_profile_avatar_selector_tests.js |
index b01b697e512a3baac44dca04b70fc53d35b8a416..31ab23cb59d7b24a624029ced7447e168a68d68f 100644 |
--- a/chrome/test/data/webui/cr_elements/cr_profile_avatar_selector_tests.js |
+++ b/chrome/test/data/webui/cr_elements/cr_profile_avatar_selector_tests.js |
@@ -25,6 +25,10 @@ cr.define('cr_profile_avatar_selector', function() { |
return avatarSelector; |
} |
+ function getGridItems() { |
+ return avatarSelector.$['avatar-grid'].querySelectorAll('.avatar'); |
+ } |
+ |
setup(function() { |
avatarSelector = createElement(); |
document.body.appendChild(avatarSelector); |
@@ -37,65 +41,33 @@ cr.define('cr_profile_avatar_selector', function() { |
// Run in CrElementsProfileAvatarSelectorTest.All as a browser_test. |
suite(TestNames.Basic, function() { |
- |
test('Displays avatars', function() { |
- assertEquals(3, avatarSelector.$['avatar-grid'].items.length); |
+ assertEquals(3, getGridItems().length); |
}); |
test('Can update avatars', function() { |
avatarSelector.pop('avatars'); |
Polymer.dom.flush(); |
- assertEquals(2, avatarSelector.$['avatar-grid'].items.length); |
+ assertEquals(2, getGridItems().length); |
}); |
test('No avatar is initially selected', function() { |
- var selector = avatarSelector.$['avatar-grid']; |
- |
- assertFalse(!!avatarSelector.selectedAvatarUrl); |
- assertFalse(selector.items[0].classList.contains('iron-selected')); |
- assertFalse(selector.items[1].classList.contains('iron-selected')); |
- assertFalse(selector.items[2].classList.contains('iron-selected')); |
- }); |
- |
- test('An avatar is initially selected if selectedAvatarUrl is set', |
- function() { |
- var anotherAvatarSelector = createElement(); |
- anotherAvatarSelector.selectedAvatarUrl = |
- anotherAvatarSelector.avatars[0].url; |
- document.body.appendChild(anotherAvatarSelector); |
- Polymer.dom.flush(); |
- |
- var selector = anotherAvatarSelector.$['avatar-grid']; |
- |
- assertEquals('chrome://avatar1.png', |
- anotherAvatarSelector.selectedAvatarUrl); |
- assertTrue(selector.items[0].classList.contains('iron-selected')); |
- assertFalse(selector.items[1].classList.contains('iron-selected')); |
- assertFalse(selector.items[2].classList.contains('iron-selected')); |
+ assertFalse(!!avatarSelector.selectedAvatar); |
+ getGridItems().forEach(function(item) { |
+ assertFalse(item.classList.contains('iron-selected')); |
+ }); |
}); |
test('Can select avatar', function() { |
- var selector = avatarSelector.$['avatar-grid']; |
+ var items = getGridItems(); |
// Simulate tapping the third avatar. |
- MockInteractions.tap(selector.items[2]); |
+ MockInteractions.tap(items[2]); |
assertEquals( |
- 'chrome://avatar3.png', avatarSelector.selectedAvatarUrl); |
- assertFalse(selector.items[0].classList.contains('iron-selected')); |
- assertFalse(selector.items[1].classList.contains('iron-selected')); |
- assertTrue(selector.items[2].classList.contains('iron-selected')); |
- }); |
- |
- test('Fires iron-activate event when an avatar is activated', |
- function(done) { |
- avatarSelector.addEventListener('iron-activate', |
- function(event) { |
- assertEquals(event.detail.selected, 'chrome://avatar2.png'); |
- done(); |
- }); |
- |
- // Simulate tapping the second avatar. |
- MockInteractions.tap(avatarSelector.$['avatar-grid'].items[1]); |
+ 'chrome://avatar3.png', avatarSelector.selectedAvatar.url); |
+ assertFalse(items[0].classList.contains('iron-selected')); |
+ assertFalse(items[1].classList.contains('iron-selected')); |
+ assertTrue(items[2].classList.contains('iron-selected')); |
}); |
}); |
@@ -103,9 +75,9 @@ cr.define('cr_profile_avatar_selector', function() { |
// interactive_ui_test. |
test(TestNames.Focus, function() { |
var selector = avatarSelector.$['avatar-grid']; |
- var items = selector.items; |
+ var items = getGridItems(); |
- selector._setFocusedItem(items[0]); |
+ items[0].focus(); |
assertTrue(items[0].focused); |
MockInteractions.keyDownOn(items[0], 39, [], 'ArrowRight'); |