164 lines
3.5 KiB
TypeScript
164 lines
3.5 KiB
TypeScript
import { browser, element, by } from 'protractor';
|
|
|
|
describe('Upgrade Tests', () => {
|
|
|
|
beforeAll(() => {
|
|
// Set protractor to hybrid mode.
|
|
browser.rootEl = 'body';
|
|
browser.ng12Hybrid = true;
|
|
});
|
|
|
|
describe('AngularJS Auto-bootstrap', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-ng-app.html');
|
|
});
|
|
|
|
it('bootstraps as expected', () => {
|
|
expect(element(by.css('#message')).getText()).toEqual('Hello world');
|
|
});
|
|
|
|
});
|
|
|
|
describe('AngularJS JavaScript Bootstrap', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-bootstrap.html');
|
|
});
|
|
|
|
it('bootstraps as expected', () => {
|
|
expect(element(by.css('#message')).getText()).toEqual('Hello world');
|
|
});
|
|
|
|
});
|
|
|
|
describe('AngularJS-Angular Hybrid Bootstrap', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-ajs-a-hybrid-bootstrap.html');
|
|
});
|
|
|
|
it('bootstraps as expected', () => {
|
|
expect(element(by.css('#message')).getText()).toEqual('Hello world');
|
|
});
|
|
|
|
});
|
|
|
|
describe('Upgraded static component', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-upgrade-static.html');
|
|
});
|
|
|
|
it('renders', () => {
|
|
expect(element(by.css('h2')).getText()).toEqual('Windstorm details!');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Upgraded component with IO', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-upgrade-io.html');
|
|
});
|
|
|
|
it('has inputs', () => {
|
|
expect(element(by.css('h2')).getText()).toEqual('Windstorm details!');
|
|
});
|
|
|
|
it('has outputs', () => {
|
|
element(by.buttonText('Delete')).click();
|
|
expect(element(by.css('h2')).getText()).toEqual('Ex-Windstorm details!');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Downgraded static component', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-downgrade-static.html');
|
|
});
|
|
|
|
it('renders', () => {
|
|
expect(element(by.css('h2')).getText()).toEqual('Windstorm details!');
|
|
});
|
|
|
|
});
|
|
|
|
describe('Downgraded component with IO', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-downgrade-io.html');
|
|
});
|
|
|
|
it('has inputs', () => {
|
|
expect(element.all(by.css('h2')).first().getText()).toEqual('Windstorm details!');
|
|
});
|
|
|
|
it('has outputs', () => {
|
|
element.all(by.buttonText('Delete')).first().click();
|
|
expect(element.all(by.css('h2')).first().getText()).toEqual('Ex-Windstorm details!');
|
|
});
|
|
|
|
it('supports ng-repeat', () => {
|
|
expect(element.all(by.css('hero-detail')).count()).toBe(3);
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Downgraded component with content projection', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-ajs-to-a-projection.html');
|
|
});
|
|
|
|
it('can be transcluded into', () => {
|
|
expect(element(by.css('hero-detail')).getText()).toContain('Specific powers of controlling winds');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Upgraded component with transclusion', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-a-to-ajs-transclusion.html');
|
|
});
|
|
|
|
it('can be projected into', () => {
|
|
expect(element(by.css('hero-detail')).getText()).toContain('Specific powers of controlling winds');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Upgrading AngularJS Providers', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-ajs-to-a-providers.html');
|
|
});
|
|
|
|
it('works', () => {
|
|
expect(element(by.css('h2')).getText()).toBe('1: Windstorm');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('Downgrading Angular Providers', () => {
|
|
|
|
beforeAll(() => {
|
|
browser.get('/index-a-to-ajs-providers.html');
|
|
});
|
|
|
|
it('works', () => {
|
|
expect(element(by.css('h2')).getText()).toBe('1: Windstorm');
|
|
});
|
|
|
|
});
|
|
|
|
});
|