Commit 5f71cad8fe1bba04b08413ba1810992e28b6c41c
1 parent
b9bce81a
Exists in
master
and in
8 other branches
Add some tests to event area at 'inicio'
Showing
5 changed files
with
73 additions
and
32 deletions
Show diff stats
e2e/pages/inicio.spec.js
| @@ -3,8 +3,7 @@ | @@ -3,8 +3,7 @@ | ||
| 3 | 'use strict'; | 3 | 'use strict'; |
| 4 | 4 | ||
| 5 | describe('The index page', function () { | 5 | describe('The index page', function () { |
| 6 | - var page = browser.get('/'); | ||
| 7 | - | 6 | + var page = require('./inicio.po.js'); |
| 8 | // beforeEach(function () { | 7 | // beforeEach(function () { |
| 9 | // browser.get('/'); | 8 | // browser.get('/'); |
| 10 | // }); | 9 | // }); |
| @@ -14,27 +13,59 @@ | @@ -14,27 +13,59 @@ | ||
| 14 | }); | 13 | }); |
| 15 | 14 | ||
| 16 | describe('Component: Main Video', function(){ | 15 | describe('Component: Main Video', function(){ |
| 17 | - it('should have a alt text', function() {}); | ||
| 18 | - it('should have a thumb background image (for async)', function() {}); | ||
| 19 | - it('should have a button play trigger', function() {}); | ||
| 20 | - it('should be accessible', function() {}); | 16 | + it('should have a thumb background image (for async)', function() { |
| 17 | + expect(page.video.element(by.css('.video-thumbnail'))).toBeDefined(); | ||
| 18 | + expect(page.video.element(by.css('.video-thumbnail')).getCssValue('background-image')).toContain('youtube-background.png'); | ||
| 19 | + expect(page.video.element(by.css('.video-thumbnail')).getAttribute('aria-hidden')).toBe('true'); | ||
| 20 | + }); | ||
| 21 | + | ||
| 22 | + it('should have a button play trigger', function() { | ||
| 23 | + expect(page.video.element(by.css('.video-play-button'))).toBeDefined(); | ||
| 24 | + expect(page.video.element(by.css('.video-play-button')).getAttribute('aria-label')).toBeDefined(); | ||
| 25 | + }); | ||
| 21 | }); | 26 | }); |
| 22 | 27 | ||
| 23 | describe('Component: Agenda', function(){ | 28 | describe('Component: Agenda', function(){ |
| 24 | - it('should have a title', function() {}); | ||
| 25 | - it('should have a icon', function() {}); | ||
| 26 | - it('should show the number of scheduled chats', function() {}); | ||
| 27 | - it('should have a open trigger', function() {}); | ||
| 28 | - it('should be accessible', function() {}); | 29 | + it('should have a tab-trigger', function() { |
| 30 | + expect(page.agenda.element(by.css('.event-tab--trigger'))).toBeDefined(); | ||
| 31 | + expect(page.agenda.element(by.css('.event-tab--title'))).toBeDefined(); | ||
| 32 | + expect(page.agenda.element(by.css('.event-tab--icon'))).toBeDefined(); | ||
| 33 | + expect(page.agenda.element(by.css('.event-tab--icon')).element(by.css('.glyphicon'))).toBeDefined(); | ||
| 34 | + expect(page.agenda.element(by.css('.event-tab--icon')).element(by.css('.glyphicon')).getAttribute('aria-hidden')).toBe('true'); | ||
| 35 | + expect(page.agenda.element(by.css('.event-tab--button'))).toBeDefined(); | ||
| 36 | + expect(page.agenda.element(by.css('.event-tab--total-scheduled'))).toBeDefined(); | ||
| 37 | + expect(page.agenda.element(by.css('.event-tab--total-scheduled'))).toMatch(/(\d)*/); | ||
| 38 | + }); | ||
| 29 | 39 | ||
| 30 | describe('Component: Agenda / Open-panel', function(){ | 40 | describe('Component: Agenda / Open-panel', function(){ |
| 31 | - it('should have a close trigger', function() {}); | ||
| 32 | - it('should have the date/time of scheduled chat', function() {}); | ||
| 33 | - it('should have the title of scheduled chat', function() {}); | ||
| 34 | - it('should have a subscribe button to scheduled chat', function() {}); | ||
| 35 | - it('should show the number of subscribers on each item', function() {}); | ||
| 36 | - it('should show 5 itens at most', function() {}); | ||
| 37 | - it('should be accessible', function() {}); | 41 | + it('should have a header', function() { |
| 42 | + // the 2 lines below need to open panel and make elements visibles | ||
| 43 | + expect(page.agenda.element(by.model('eventListCtrl.isListVisible'))).toBeDefined(); | ||
| 44 | + page.agenda.element(by.css('.event-tab--trigger')).click(); | ||
| 45 | + | ||
| 46 | + expect(page.agenda.element(by.css('.event-list--title'))).toBeDefined(); | ||
| 47 | + expect(page.agenda.element(by.css('.event-list--title')).getText()).toEqual('Bate-papo com ministr@s'); | ||
| 48 | + expect(page.agenda.element(by.css('.event-list--icon'))).toBeDefined(); | ||
| 49 | + expect(page.agenda.element(by.css('.event-list--icon')).element(by.css('.glyphicon'))).toBeDefined(); | ||
| 50 | + expect(page.agenda.element(by.css('.event-list--icon')).element(by.css('.glyphicon')).getAttribute('aria-hidden')).toBe('true'); | ||
| 51 | + expect(page.agenda.element(by.css('.event-list--minimize'))).toBeDefined(); | ||
| 52 | + expect(page.agenda.element(by.css('.event-list--minimize')).element(by.css('.glyphicon'))).toBeDefined(); | ||
| 53 | + expect(page.agenda.element(by.css('.event-list--minimize')).element(by.css('.glyphicon')).getAttribute('aria-hidden')).toBe('true'); | ||
| 54 | + }); | ||
| 55 | + | ||
| 56 | + it('should have a table with content', function() { | ||
| 57 | + // date/time | ||
| 58 | + expect(page.agenda.element(by.css('.event-list--minimize')).element(by.css('.glyphicon')).getAttribute('aria-hidden')).toBe('true'); | ||
| 59 | + // title | ||
| 60 | + // subscribe button | ||
| 61 | + // total of subscribers | ||
| 62 | + // show only 5 itens | ||
| 63 | + }); | ||
| 64 | + // it('should have the title of scheduled chat', function() {}); | ||
| 65 | + // it('should have a subscribe button to scheduled chat', function() {}); | ||
| 66 | + // it('should show the number of subscribers on each item', function() {}); | ||
| 67 | + // it('should show 5 itens at most', function() {}); | ||
| 68 | + // it('should be accessible', function() {}); | ||
| 38 | }); | 69 | }); |
| 39 | 70 | ||
| 40 | describe('Component: Agenda / with Hangout', function(){ | 71 | describe('Component: Agenda / with Hangout', function(){ |
protractor.conf.js
| @@ -30,12 +30,12 @@ | @@ -30,12 +30,12 @@ | ||
| 30 | browser.addMockModule('disableNgAnimate', disableNgAnimate); | 30 | browser.addMockModule('disableNgAnimate', disableNgAnimate); |
| 31 | 31 | ||
| 32 | // Disable debug info | 32 | // Disable debug info |
| 33 | - var disableDebugInfo = function() { | ||
| 34 | - angular.module('disableDebugInfo', []).run(['$compileProvider', function($compileProvider) { | ||
| 35 | - $compileProvider.debugInfoEnabled(false); | ||
| 36 | - }]); | ||
| 37 | - }; | ||
| 38 | - browser.addMockModule('disableDebugInfo', disableDebugInfo); | 33 | + // var disableDebugInfo = function() { |
| 34 | + // angular.module('disableDebugInfo', []).run(['$compileProvider', function($compileProvider) { | ||
| 35 | + // $compileProvider.debugInfoEnabled(false); | ||
| 36 | + // }]); | ||
| 37 | + // }; | ||
| 38 | + // browser.addMockModule('disableDebugInfo', disableDebugInfo); | ||
| 39 | 39 | ||
| 40 | // Store the name of the browser that's currently being used. | 40 | // Store the name of the browser that's currently being used. |
| 41 | browser.getCapabilities().then(function(caps) { | 41 | browser.getCapabilities().then(function(caps) { |
| @@ -52,10 +52,10 @@ | @@ -52,10 +52,10 @@ | ||
| 52 | // The timeout in milliseconds for each script run on the browser. This should | 52 | // The timeout in milliseconds for each script run on the browser. This should |
| 53 | // be longer than the maximum time your application needs to stabilize between | 53 | // be longer than the maximum time your application needs to stabilize between |
| 54 | // tasks. | 54 | // tasks. |
| 55 | - allScriptsTimeout: 11000, | 55 | + allScriptsTimeout: 15000, |
| 56 | 56 | ||
| 57 | // How long to wait for a page to load. | 57 | // How long to wait for a page to load. |
| 58 | - getPageTimeout: 10000, | 58 | + getPageTimeout: 12000, |
| 59 | 59 | ||
| 60 | // Spec patterns are relative to the current working directly when | 60 | // Spec patterns are relative to the current working directly when |
| 61 | // protractor is called. | 61 | // protractor is called. |
src/app/components/event-list/event-list.html
| @@ -2,12 +2,13 @@ | @@ -2,12 +2,13 @@ | ||
| 2 | <div class="event-tab--trigger" ng-show="!eventListCtrl.isListVisible" ng-click="eventListCtrl.toggleView()"> | 2 | <div class="event-tab--trigger" ng-show="!eventListCtrl.isListVisible" ng-click="eventListCtrl.toggleView()"> |
| 3 | <div class="event-tab--header"> | 3 | <div class="event-tab--header"> |
| 4 | <div class="event-tab--icon"> | 4 | <div class="event-tab--icon"> |
| 5 | - <span class="glyphicon glyphicon-calendar" arria-hidden="true"></span> | 5 | + <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> |
| 6 | </div> | 6 | </div> |
| 7 | <div class="event-tab--title">Bate-Papo com ministr@s</div> | 7 | <div class="event-tab--title">Bate-Papo com ministr@s</div> |
| 8 | </div> | 8 | </div> |
| 9 | <button class="btn btn-link event-tab--button"> | 9 | <button class="btn btn-link event-tab--button"> |
| 10 | - <span>18 bate-papos agendados</span> | 10 | + <span class="event-tab--total-scheduled">18</span> |
| 11 | + <span>bate-papos agendados</span> | ||
| 11 | <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span> | 12 | <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span> |
| 12 | </button> | 13 | </button> |
| 13 | </div> | 14 | </div> |
| @@ -17,9 +18,7 @@ | @@ -17,9 +18,7 @@ | ||
| 17 | <div class="event-list--icon"> | 18 | <div class="event-list--icon"> |
| 18 | <div class="glyphicon glyphicon-calendar" aria-hidden="true"></div> | 19 | <div class="glyphicon glyphicon-calendar" aria-hidden="true"></div> |
| 19 | </div> | 20 | </div> |
| 20 | - <h2 class="event-list--title"> | ||
| 21 | - Bate-papo com ministr@s | ||
| 22 | - </h2> | 21 | + <h2 class="event-list--title">Bate-papo com ministr@s</h2> |
| 23 | <div class="event-list--minimize"> | 22 | <div class="event-list--minimize"> |
| 24 | <button type="button" class="btn btn-link" ng-click="eventListCtrl.toggleView()"> | 23 | <button type="button" class="btn btn-link" ng-click="eventListCtrl.toggleView()"> |
| 25 | <span>Minimizar</span> | 24 | <span>Minimizar</span> |
src/app/pages/inicio/inicio.html
| @@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
| 6 | <div class="embed-responsive embed-responsive-16by9"> | 6 | <div class="embed-responsive embed-responsive-16by9"> |
| 7 | <div class="js-iframe" ng-show="pageInicio.content" ng-bind-html="pageInicio.content"></div> | 7 | <div class="js-iframe" ng-show="pageInicio.content" ng-bind-html="pageInicio.content"></div> |
| 8 | <div class="video-background" ng-click="pageInicio.showVideo()"> | 8 | <div class="video-background" ng-click="pageInicio.showVideo()"> |
| 9 | - <div class="video-thumbnail" style="background-image:url(/assets/images/youtube-background.png)"></div> | 9 | + <div class="video-thumbnail" aria-hidden="true" style="background-image:url(/assets/images/youtube-background.png)"></div> |
| 10 | <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil"> | 10 | <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil"> |
| 11 | <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg> | 11 | <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg> |
| 12 | </button> | 12 | </button> |