add test for list-group active + contextual

tests/components.html

@@ -2548,6 +2548,55 @@
           </div>
         </div>
 
+        <h3 id="list-group-item-active">List Group Item Active</h3>
+        <div class="panel panel-default">
+          <div class="panel-heading">
+              <h3 class="panel-title">List Group Demo
+              </h3>
+          </div>
+          <div class="panel-body">
+              <div class="list-group panel-list-group">
+                  <a href="#" class="list-group-item">Ordinary list item</a>
+                  <a href="#" class="list-group-item list-group-item-success">
+                      <div class="pull-right"><i class="glyphicon glyphicon-ok"></i></div>
+                      <span>Success!</span>
+                  </a>
+                  <a href="#" class="list-group-item list-group-item-warning">
+                      <div class="pull-right"><i class="glyphicon glyphicon-warning-sign"></i></div>
+                      <span>Warning!</span>
+                  </a>
+                  <a href="#" class="list-group-item list-group-item-danger">
+                      <div class="pull-right"><i class="glyphicon glyphicon-remove"></i></div>
+                      <span>Danger!</span>
+                  </a>
+              </div>
+          </div>
+        </div>
+
+        <div class="panel panel-default">
+          <div class="panel-heading">
+              <h3 class="panel-title">List Group Demo
+              </h3>
+          </div>
+          <div class="panel-body">
+              <div class="list-group panel-list-group">
+                  <a href="#" class="list-group-item active">Active list item</a>
+                  <a href="#" class="list-group-item list-group-item-success active">
+                      <div class="pull-right"><i class="glyphicon glyphicon-ok"></i></div>
+                      <span>Success!</span>
+                  </a>
+                  <a href="#" class="list-group-item list-group-item-warning active">
+                      <div class="pull-right"><i class="glyphicon glyphicon-warning-sign"></i></div>
+                      <span>Warning!</span>
+                  </a>
+                  <a href="#" class="list-group-item list-group-item-danger active">
+                      <div class="pull-right"><i class="glyphicon glyphicon-remove"></i></div>
+                      <span>Danger!</span>
+                  </a>
+              </div>
+          </div>
+        </div>
+        
       </div>