Download as
Browse Code »

Commit dd33a889aa0ca583f6de9c70b90accf266c91188

Authored by Leonardo Merlin
1 parent a34f3d54
Exists in master and in 8 other branches css-list, feature-captcha, feature-proposal-vote, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

Add tests for a11y

Showing 3 changed files with 39 additions and 14 deletions   Show diff stats
e2e/pages/layout.js
  Diff comments   View file @dd33a88
... ... @@ -4,14 +4,28 @@ module.exports = function(){
4 4 describe('The common layout', function () {
5 5  
6 6 describe('Accessibility (a11y) top bar', function(){
7   - it('should have a "go-to-content" anchor', function() {});
8   - it('should have a "go-to-menu" anchor', function() {});
9   - it('should have a "go-to-search" anchor', function() {});
10   - it('should have a "go-to-footer" anchor', function() {});
  7 + it('should have a "skip-to-content" anchor', function() {
  8 + expect(element(by.id('skip-to-content')).getText()).toEqual('Ir para o conteúdo 1');
  9 + });
  10 + it('should have a "skip-to-navigation" anchor', function() {
  11 + expect(element(by.id('skip-to-navigation')).getText()).toEqual('Ir para o menu 2');
  12 + });
  13 + it('should have a "skip-to-search" anchor', function() {
  14 + expect(element(by.id('skip-to-search')).getText()).toEqual('Ir para a busca 3');
  15 + });
  16 + it('should have a "skip-to-footer" anchor', function() {
  17 + expect(element(by.id('skip-to-footer')).getText()).toEqual('Ir para o rodapé 4');
  18 + });
11 19  
12   - it('should have a accessibility anchor', function() {});
13   - it('should have a adjust contrast anchor', function() {});
14   - it('should have a sitemap anchor', function() {});
  20 + it('should have a accessibility anchor', function() {
  21 + expect(element(by.id('siteaction-accessibility')).getText()).toEqual('Acessibilidade');
  22 + });
  23 + it('should have a adjust contrast anchor', function() {
  24 + expect(element(by.id('siteaction-contraste')).getText()).toEqual('Alto Contraste');
  25 + });
  26 + it('should have a sitemap anchor', function() {
  27 + expect(element(by.id('siteaction-mapadosite')).getText()).toEqual('Mapa do Site');
  28 + });
15 29 });
16 30  
17 31 describe('Header', function(){
... ...
protractor.conf.js
  Diff comments   View file @dd33a88
... ... @@ -19,11 +19,22 @@
19 19  
20 20 baseUrl: 'http://localhost:3000',
21 21  
  22 + rootElement: '[ng-app]',
  23 +
  24 + // The timeout in milliseconds for each script run on the browser. This should
  25 + // be longer than the maximum time your application needs to stabilize between
  26 + // tasks.
  27 + allScriptsTimeout: 11000,
  28 +
  29 + // How long to wait for a page to load.
  30 + getPageTimeout: 10000,
  31 +
22 32 // Spec patterns are relative to the current working directly when
23 33 // protractor is called.
24 34 specs: [paths.e2e + '/**/*.js'],
25 35  
26 36 // Options to be passed to Jasmine-node.
  37 + 'framework': 'jasmine2',
27 38 jasmineNodeOpts: {
28 39 showColors: true,
29 40 defaultTimeoutInterval: 30000
... ...
src/app/components/a11y-bar/a11y-bar.html
  Diff comments   View file @dd33a88
... ... @@ -21,7 +21,7 @@
21 21 <span>3</span>
22 22 </a>
23 23 </li>
24   - <li class="last-item">
  24 + <li>
25 25 <a accesskey="4" href="#footer" id="skip-to-footer" ng-click="skipToFooter($event)">
26 26 Ir para o rodapé
27 27 <span>4</span>
... ... @@ -32,14 +32,14 @@
32 32  
33 33 <div class="col-sm-6">
34 34 <ul class="action-links list-inline list-unstyled pull-right">
35   - <li id="siteaction-accessibility">
36   - <a href="#" title="Acessibilidade" accesskey="5" ng-click="actionAccessibility()">Acessibilidade</a>
  35 + <li>
  36 + <a id="siteaction-accessibility" href="#" title="Acessibilidade" accesskey="5" ng-click="actionAccessibility()">Acessibilidade</a>
37 37 </li>
38   - <li id="siteaction-contraste">
39   - <a href="#" title="Alto Contraste" accesskey="6" ng-click="actionContrast()">Alto Contraste</a>
  38 + <li>
  39 + <a id="siteaction-contraste" href="#" title="Alto Contraste" accesskey="6" ng-click="actionContrast()">Alto Contraste</a>
40 40 </li>
41   - <li id="siteaction-mapadosite" class="last-item">
42   - <a ui-sref="mapa-do-site" title="Mapa do Site" accesskey="7" ng-click="actionSitemap()">Mapa do Site</a>
  41 + <li>
  42 + <a id="siteaction-mapadosite" ui-sref="mapa-do-site" title="Mapa do Site" accesskey="7" ng-click="actionSitemap()">Mapa do Site</a>
43 43 </li>
44 44 </ul>
45 45 </div>
... ...