capybara-angular-material 0.0.11 → 0.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: afd2c1ad54c4cf1184cff22b7aa01d5c631e44ec
-  data.tar.gz: 63c2d10434176e5a8051760dceaeeab514d8b454
+  metadata.gz: 1e80882b9770586ab28d94f38cbbab67d99a3220
+  data.tar.gz: d8f36c6d39b9c06d6608f391cbcbb79bf1a5081d
 SHA512:
-  metadata.gz: 1adf0e5dc7ff733f88b3c339841b34f1687d22144e997e1c83da61ef45eae4fc03f492284ca829ea715819add2410154632651f1249188a71f081b07dfef1987
-  data.tar.gz: 6b2abaa1c541f39217d53f0fb38e5dcbb436bef1a192bbcd414c57159b2d53607800507f531b1a7d9d658aa2477d5af26a9139aef294ac3c029af7e5dbb29a04
+  metadata.gz: e8d50177386851ad42a54309f92a7a1b54cb6066f19048b2b17710608adc463687fb3f5b4e75acab9a97508745566f281c2accb87e8522eef8c2cfefef36c902
+  data.tar.gz: da77502a297142226b73f5438f53eeb6cc6f96d628027dd259ebe522036c82fd17bc2dafcc6d0ac068f2e3375ef2aa6cc1745d769576bc7de823f7345527c75c

data/app/js/app.js

@@ -2,6 +2,7 @@
 angular.module('app', ['ngMaterial', 'ngRoute']).config(function($routeProvider) {
   $routeProvider.when('/button', {templateUrl: 'app/partials/button.html', controller: 'buttonCtrl'});
   $routeProvider.when('/checkbox', {templateUrl: 'app/partials/checkbox.html', controller: 'checkboxCtrl'});
+  $routeProvider.when('/list', {templateUrl: 'app/partials/list.html', controller: 'listCtrl'});
   $routeProvider.when('/radio', {templateUrl: 'app/partials/radio.html', controller: 'radioCtrl'});
   $routeProvider.when('/select', {templateUrl: 'app/partials/select.html', controller: 'selectCtrl'});
 }).controller('appController', function($scope) {
@@ -17,6 +18,49 @@ angular.module('app', ['ngMaterial', 'ngRoute']).config(function($routeProvider)
   $scope.data.cb3 = false;
   $scope.data.cb4 = false;
   $scope.data.cb5 = false;
+}).controller('listCtrl', function($scope) {
+    var imagePath = 'img/list/60.jpeg';
+    $scope.phones = [
+      { type: 'Home', number: '(555) 251-1234' },
+      { type: 'Cell', number: '(555) 786-9841' },
+    ];
+    $scope.todos = [
+      {
+        face : imagePath,
+        what: 'Brunch this weekend?',
+        who: 'Min Li Chan',
+        when: '3:08PM',
+        notes: " I'll be in your neighborhood doing errands"
+      },
+      {
+        face : imagePath,
+        what: 'Brunch this weekend?',
+        who: 'Min Li Chan',
+        when: '3:08PM',
+        notes: " I'll be in your neighborhood doing errands"
+      },
+      {
+        face : imagePath,
+        what: 'Brunch this weekend?',
+        who: 'Min Li Chan',
+        when: '3:08PM',
+        notes: " I'll be in your neighborhood doing errands"
+      },
+      {
+        face : imagePath,
+        what: 'Brunch this weekend?',
+        who: 'Min Li Chan',
+        when: '3:08PM',
+        notes: " I'll be in your neighborhood doing errands"
+      },
+      {
+        face : imagePath,
+        what: 'Brunch this weekend?',
+        who: 'Min Li Chan',
+        when: '3:08PM',
+        notes: " I'll be in your neighborhood doing errands"
+      },
+    ];
 }).controller('radioCtrl', function($scope) {
   $scope.data = {
     group1 : 'Banana',

data/app/partials/list.html

@@ -0,0 +1,42 @@
+<div ng-controller="listCtrl">
+  <md-content>
+    <md-list>
+      <md-subheader class="md-no-sticky">3 line item</md-subheader>
+      <md-list-item class="md-3-line" ng-repeat="item in todos">
+        <img ng-src="{{item.face}}?{{$index}}" class="md-avatar" alt="{{item.who}}" />
+        <div class="md-list-item-text" layout="column">
+          <h3>{{ item.who }}</h3>
+          <h4>{{ item.what }}</h4>
+          <p>{{ item.notes }}</p>
+        </div>
+      </md-list-item>
+      <md-divider ></md-divider>
+      <md-subheader class="md-no-sticky">2 line item</md-subheader>
+      <md-list-item class="md-2-line">
+      <img ng-src="{{todos[0].face}}?20" class="md-avatar" alt="{{todos[0].who}}" />
+        <div class="md-list-item-text">
+          <h3>{{ todos[0].who }}</h3>
+          <p>Secondary text</p>
+        </div>
+      </md-list-item>
+      <md-divider ></md-divider>
+      <md-subheader class="md-no-sticky">3 line item, long paragraph (see on mobile)</md-subheader>
+      <md-list-item class="md-3-line">
+        <img ng-src="{{todos[0].face}}?25" class="md-avatar" alt="{{todos[0].who}}" />
+        <div class="md-list-item-text">
+          <h3>{{ todos[0].who }}</h3>
+          <p>Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam.</p>
+        </div>
+      </md-list-item>
+      <md-divider ></md-divider>
+      <md-subheader class="md-no-sticky">md-offset class</md-subheader>
+      <md-list-item class="md-2-line" ng-repeat="phone in phones">
+        <md-icon md-svg-icon="communication:phone" ng-if="$index === 0"></md-icon>
+        <div class="md-list-item-text" ng-class="{'md-offset': $index != 0 }">
+          <h3> {{ phone.number }} </h3>
+          <p> {{ phone.type }} </p>
+        </div>
+      </md-list-item>
+    </md-list>
+  </md-content>
+</div>

data/lib/capybara/angular/material/rspec.rb

@@ -10,6 +10,14 @@ module Capybara
           HaveSelector.new(:xpath, "//md-checkbox#{aria_checked(options)}#{ng_disabled(options)}/*/span[normalize-space(text())='#{locator}']")
         end
 
+        def have_md_list
+          HaveSelector.new(:xpath, '//md-list')
+        end
+
+        def have_md_list_item(locator)
+          HaveSelector.new(:xpath, "//md-list-item[.//*[contains(text(), '#{locator}')]]")
+        end
+
         def have_md_radio_button(locator, options={})
           HaveSelector.new(:xpath, "//md-radio-button#{aria_checked(options)}/*/span[normalize-space(text())='#{locator}']")
         end

data/spec/features/demos/list_spec.rb

@@ -0,0 +1,24 @@
+feature 'Angular Material Demos - lists' do
+  before do
+    visit('/index.html#/list')
+    expect(page.find('h1')).to have_content 'Capybara Angular Material'
+  end
+
+  it 'has a list' do
+    expect(page).to have_md_list()
+  end
+
+  it 'has no list' do
+    expect('md-list is not here').not_to have_md_list()
+  end
+
+  feature 'List items' do
+    it 'has a list item that contains text' do
+      expect(page).to have_md_list_item('Min Li')
+    end
+
+    it 'has no list item' do
+      expect(page).not_to have_md_list_item('There is no list item with this in it')
+    end
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: capybara-angular-material
 version: !ruby/object:Gem::Version
-  version: 0.0.11
+  version: 0.0.12
 platform: ruby
 authors:
 - Rimian Perkins
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-23 00:00:00.000000000 Z
+date: 2015-09-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: capybara
@@ -106,6 +106,7 @@ files:
 - app/js/app.js
 - app/partials/button.html
 - app/partials/checkbox.html
+- app/partials/list.html
 - app/partials/radio.html
 - app/partials/select.html
 - capybara-angular-material.gemspec
@@ -117,6 +118,7 @@ files:
 - package.json
 - spec/features/demos/button_spec.rb
 - spec/features/demos/checkbox_spec.rb
+- spec/features/demos/list_spec.rb
 - spec/features/demos/radio_spec.rb
 - spec/features/demos/select_spec.rb
 - spec/spec_helper.rb