104 lines
3.6 KiB
TypeScript
104 lines
3.6 KiB
TypeScript
import { browser, element, by, promise } from 'protractor';
|
|
import { SitePage } from './app.po';
|
|
|
|
describe('site App', function() {
|
|
let page: SitePage;
|
|
|
|
beforeEach(() => {
|
|
SitePage.setWindowWidth(1050); // Make the window wide enough to show the SideNav side-by-side.
|
|
page = new SitePage();
|
|
page.navigateTo();
|
|
});
|
|
|
|
it('should show features text after clicking "Features"', () => {
|
|
page.getLink('features').click();
|
|
expect(page.getDocViewerText()).toMatch(/Progressive web apps/i);
|
|
});
|
|
|
|
it('should show the tutorial index page at `/tutorial/` after jitterbugging through features', () => {
|
|
// check that we can navigate directly to the tutorial page
|
|
page.navigateTo('tutorial/');
|
|
expect(page.getDocViewerText()).toMatch(/Tutorial: Tour of Heroes/i);
|
|
|
|
// navigate to a different page
|
|
page.getLink('features').click();
|
|
expect(page.getDocViewerText()).toMatch(/Progressive web apps/i);
|
|
|
|
// Show the menu
|
|
page.docsMenuLink.click();
|
|
|
|
// Tutorial folder should still be expanded because this test runs in wide mode
|
|
// Navigate to the tutorial introduction via a link in the sidenav
|
|
page.getNavItem(/introduction/i).click();
|
|
expect(page.getDocViewerText()).toMatch(/Tutorial: Tour of Heroes/i);
|
|
});
|
|
|
|
it('should render `{@example}` dgeni tags as `<code-example>` elements with HTML escaped content', () => {
|
|
page.navigateTo('guide/component-styles');
|
|
const codeExample = element.all(by.css('code-example')).first();
|
|
expect(page.getInnerHtml(codeExample)).toContain('<h1>Tour of Heroes</h1>');
|
|
});
|
|
|
|
describe('scrolling to the top', () => {
|
|
it('should scroll to the top when navigating to another page', () => {
|
|
page.navigateTo('guide/docs');
|
|
page.scrollToBottom();
|
|
page.getScrollTop().then(scrollTop => expect(scrollTop).toBeGreaterThan(0));
|
|
|
|
page.navigateTo('guide/api');
|
|
page.getScrollTop().then(scrollTop => expect(scrollTop).toBe(0));
|
|
});
|
|
|
|
it('should scroll to the top when navigating to the same page', () => {
|
|
page.navigateTo('guide/docs');
|
|
page.scrollToBottom();
|
|
page.getScrollTop().then(scrollTop => expect(scrollTop).toBeGreaterThan(0));
|
|
|
|
page.navigateTo('guide/docs');
|
|
page.getScrollTop().then(scrollTop => expect(scrollTop).toBe(0));
|
|
});
|
|
});
|
|
|
|
describe('tutorial docs', () => {
|
|
it('should not render a paragraph element inside the h1 element', () => {
|
|
page.navigateTo('tutorial/toh-pt1');
|
|
expect(element(by.css('h1 p')).isPresent()).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe('google analytics', () => {
|
|
beforeEach(done => page.gaReady.then(done));
|
|
|
|
it('should call ga', done => {
|
|
page.ga()
|
|
.then(calls => {
|
|
expect(calls.length).toBeGreaterThan(2, 'ga calls');
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('should call ga with initial URL', done => {
|
|
let path: string;
|
|
|
|
page.locationPath()
|
|
.then(p => path = p)
|
|
.then(() => page.ga().then(calls => {
|
|
expect(calls.length).toBeGreaterThan(2, 'ga calls');
|
|
expect(calls[1]).toEqual(['set', 'page', path]);
|
|
done();
|
|
}));
|
|
});
|
|
|
|
// Todo: add test to confirm tracking URL when navigate.
|
|
});
|
|
|
|
describe('search', () => {
|
|
it('should find pages when searching by a partial word in the title', () => {
|
|
page.enterSearch('ngCont');
|
|
expect(page.getSearchResults().map(link => link.getText())).toContain('NgControl');
|
|
page.enterSearch('accessor');
|
|
expect(page.getSearchResults().map(link => link.getText())).toContain('ControlValueAccessor');
|
|
});
|
|
});
|
|
});
|