From 097ca1dac0a95a43d8109fb9896d9f8f857ae51d Mon Sep 17 00:00:00 2001
From: Ed Babcock <greenyouse@hotmail.com>
Date: Sat, 21 Jan 2017 13:42:37 -0600
Subject: [PATCH] test: add test for selected-css attribute

---
 test/bottom-toolbar/basic.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/test/bottom-toolbar/basic.html b/test/bottom-toolbar/basic.html
index b8d5d56..94b355d 100644
--- a/test/bottom-toolbar/basic.html
+++ b/test/bottom-toolbar/basic.html
@@ -63,7 +63,7 @@
     <test-fixture id="colors">
       <template>
         <bottom-nav>
-          <bottom-toolbar>
+          <bottom-toolbar selected="0">
             <bottom-tab selected-class="purple"></bottom-tab>
             <bottom-tab selected-class="yellow"></bottom-tab>
           </bottom-toolbar>
@@ -192,6 +192,28 @@
         });
       });
 
+     suite('selected-css attribute', function() {
+       var tabs, tab;
+       var RIGHT = 39;
+
+       setup(function () {
+         tabs = fixture('colors');
+       });
+
+       test('selected-css attribute in sync with bottom-toolbar', function() {
+         var toolbar = tabs.querySelector('bottom-toolbar'),
+             classes = toolbar.classList;
+
+         assert.isTrue(classes.contains('purple'));
+
+         tab = tabs.querySelectorAll('bottom-tab')[1];
+         MockInteractions.tap(tab);
+
+         assert.isTrue(classes.contains('yellow'));
+         assert.isFalse(classes.contains('purple'));
+       });
+     });
+
       suite('accessibility', function() {
         var LEFT = 37;
         var RIGHT = 39;