2d5623911a
Closes #17245 and #17253 When the user selects a doc item in the side nav: 1) expand folder(s) leading to the selected doc item 2) on a wide display, keep other already expanded folders open 3) on narrow (mobile) display, collapse other expanded folders Used to do (3) when wide. Issue #17245 asks for (2). That logic was bypassed for selected node when we allowed headers to have content because that unintentionally expanded the header’s folder when selected. Because the selected node is no longer a header with content, removing this exclusion also means that folders are expanded/collapsed with above logic even for API pages.
104 lines
3.5 KiB
TypeScript
104 lines
3.5 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('api-docs', () => {
|
|
it('should show a link to github', () => {
|
|
page.navigateTo('api/common/NgClass');
|
|
expect(page.ghLink.getAttribute('href'))
|
|
.toMatch(/https:\/\/github.com\/angular\/angular\/tree\/.+\/packages\/common\/src\/directives\/ng_class\.ts/);
|
|
});
|
|
});
|
|
|
|
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.
|
|
});
|
|
|
|
});
|