describe('Angularjs.org', function () {

var webdriver = require('selenium-webdriver');

describe('App', function () {

beforeEach(function () {

browser.get('');

});

it('should have the correct version of angularjs loaded', function() {

//This only runs if an environment variable tells us to check

if (process.env.CHECK_SCRIPT_TAG !== 'true') return;

var scriptTag = browser.findElement(by.css('script#angularScript'));

expect(scriptTag.getAttribute('src')).

toContain(process.env.ANGULAR_VERSION);

});

it('should load the web page', function () {

var body = browser.findElement(by.css('body'));

expect(body.getAttribute('ng-controller')).toEqual('AppController');

});

describe('Download', function () {

var stableVersion, cdnInput,

downloadVersions = process.env.ANGULAR_DOWNLOAD_VERSIONS.split(' ');

beforeEach(function () {

var downloadBtn = browser.findElement(by.css('.download-btn')), done;

downloadBtn.click();

browser.driver.sleep(500);

cdnInput = browser.findElement(by.css('#cdnURL'));

cdnInput.getAttribute('value');

cdnInput.getText().then(function (text) {

stableVersion = text.toString().split('/').splice(-2,1)[0];

});

});

it('should open a modal prompting for download configuration', function () {

var downloadModal = browser.findElement(by.css('.download-modal'))

expect(downloadModal.getCssValue('display')).toEqual('block');

});

it('should change the CDN url based on user selection of stable or unstable', function () {

var okay;

var unstableButton = browser.findElement(by.css(".branch-btns button:nth-child(1)"));

browser.driver.sleep(500);

unstableButton.click();

cdnInput.getAttribute('value').then(function (val) {

var unstableVersion = val.split('/').splice(-2,1)[0];

for (i = 0; i < unstableVersion.split('.').length; i++) {

if (unstableVersion.split('.')[i] > stableVersion.split('.')[i]) {

okay = true;

break;

}

}

expect(okay).toBe(true);

});

});

downloadVersions.forEach(function(version) {

it('should have the correct version available for download ' + version, function () {

var versionAndBranch = version.split(':'),

branchBtnSelector = '.branch-' + versionAndBranch[1].

replace(/\./g, '-').

replace(/\*/g, 'x'),

branchBtn = browser.findElement(

by.css(branchBtnSelector));

branchBtn.click();

expect(cdnInput.getAttribute('value')).

toContain(versionAndBranch[0]);

});

});

it('should allow downloading uncompressed AngularJS', function () {

var uncompressedBtn = browser.findElement(

by.css(

'.download-modal .modal-body > dl button.uncompressed'));

uncompressedBtn.click();

expect(cdnInput.getAttribute('value')).toContain('angular.js');

});

it('should have a working close button', function () {

var closeButton = browser.findElement(by.css('.download-modal .modal-header button.close'));

closeButton.click();

browser.driver.sleep(300);

expect(element(by.css('.download-modal')).isPresent()).toBe(false);

});

describe('explanatory popover', function() {

['Branches', 'Builds', 'Why Google CDN?','What is Bower?'].forEach(function(value) {

it('should be displayed for ' + value, function () {

var popoverButton = browser.findElement(by.css('.download-modal [popover-title="'+value+'"]'));

popoverButton.click();

var popover = browser.findElement(by.css('.popover'));

expect(popover.getCssValue('display')).toEqual('block');

});

});

});

});

describe('The Basics', function () {

it('should show the code example', function () {

var hello = browser.findElement(by.css('[app-source="hello.html"]'));

expect(hello.getText()).toContain('{{yourName}}');

});

it('should have a hoverable region called ng-app', function () {

var noCode = browser.findElement(by.css('[popover-title="ng-app"]'))

expect(noCode.getText()).toEqual('ng-app');

});

it('should update the Hello text after entering a name', function () {

var el = browser.findElement(by.model('yourName'));

el.click()

el.sendKeys('Jeff')

var bound = browser.findElement(by.css('[app-run="hello.html"] h1'));

expect(bound.getText()).toEqual('Hello Jeff!');

});

});

describe('Add Some Control', function () {

it('should strike out a todo when clicked', function () {

var el = browser.findElement(by.css('[ng-controller="TodoListController as todoList"] ul >li:nth-child(2) input'));

el.click();

expect(el.getAttribute('value')).toBe('on');

});

it('should add a new todo when added through text field', function () {

var el = browser.findElement(by.model('todoList.todoText'));

el.click();

el.sendKeys('Write tests!');

el.sendKeys(webdriver.Key.RETURN);

var lastTodo = browser.findElement(by.css('[ng-repeat="todo in todoList.todos"]:nth-child(3) span'));

expect(lastTodo.getText()).toEqual('Write tests!');

});

it('should show a secondary tab when selected', function () {

var todoJsTab = browser.findElement(by.css('[annotate="todo.annotation"] ul.nav-tabs li:nth-child(2) a'));

todoJsTab.click()

browser.driver.sleep(500);

var todojs = browser.findElement(by.css('[annotate="todo.annotation"] .tab-pane:nth-child(2)'));

expect(todojs.getCssValue('display')).toEqual('block');

});

});

describe('Create Components', function () {

it('should show the US localization of date', function () {

var dateText = browser.findElement(by.css('[module="app-us"] .tab-content > .tab-pane > span:first-child'));

var text = dateText.getText();

expect(text).toMatch(/^Date: [A-Za-z]*, [A-Za-z]+ [0-9]{1,2}, [0-9]{4}$/);

});

/*it('should show the US pluralization of beer', function () {

var pluralTabLink = browser.findElement(by.css('[module="app-us"] .nav-tabs > li:nth-child(2) a'));

pluralTabLink.click()

var pluralTab = browser.findElement(by.css('[module="app-us"] [ng-controller="BeerCounter"] > div > ng-pluralize'));

expect(pluralTab.getText()).toEqual('no beers');

});

it('should show the Slovak pluralization of beer', function () {

var pluralTabLink = browser.findElement(by.css('[module="app-sk"] .nav-tabs > li:nth-child(2) a'));

pluralTabLink.click();

var pluralTab = browser.findElement(by.css('[module="app-sk"] [ng-controller="BeerCounter"] > div > ng-pluralize'));

expect(pluralTab.getText()).toEqual('žiadne pivo');

});*/

});

describe('Testability Built-in', function () {

it('should have some content under and "Testability Built-in" heading', function () {

var testability = browser.findElement(by.css('#testability'))

expect(testability.getText()).toEqual('Testability Built-in');

});

});

});

});