import { browser, element, by, promise, ElementFinder, ExpectedConditions } from 'protractor'; const githubRegex = /https:\/\/github.com\/angular\/angular\//; export class SitePage { links = element.all(by.css('md-toolbar a')); docsMenuLink = element(by.cssContainingText('aio-top-menu a', 'Docs')); docViewer = element(by.css('aio-doc-viewer')); codeExample = element.all(by.css('aio-doc-viewer pre > code')); ghLink = this.docViewer .all(by.css('a')) .filter((a: ElementFinder) => a.getAttribute('href').then(href => githubRegex.test(href))) .first(); static setWindowWidth(newWidth: number) { const win = browser.driver.manage().window(); return win.getSize().then(oldSize => win.setSize(newWidth, oldSize.height)); } getNavItem(pattern: RegExp) { return element.all(by.css('aio-nav-item .vertical-menu-item')) .filter(element => element.getText().then(text => pattern.test(text))) .first(); } getLink(path) { return element(by.css(`a[href="${path}"]`)); } ga() { return browser.executeScript('return window["ga"].q') as promise.Promise; } locationPath() { return browser.executeScript('return document.location.pathname') as promise.Promise; } navigateTo(pageUrl = '') { return browser.get('/' + pageUrl) // We need to tell the index.html not to load the real analytics library // See the GA snippet in index.html .then(() => browser.driver.executeScript('sessionStorage.setItem("__e2e__", true);')); } getDocViewerText() { return this.docViewer.getText(); } getInnerHtml(element) { // `getInnerHtml` was removed from webDriver and this is the workaround. // See https://github.com/angular/protractor/blob/master/CHANGELOG.md#breaking-changes return browser.executeScript('return arguments[0].innerHTML;', element); } getScrollTop() { return browser.executeScript('return window.pageYOffset'); } scrollToBottom() { return browser.executeScript('window.scrollTo(0, document.body.scrollHeight)'); } enterSearch(query: string) { const input = element(by.css('.search-container input[type=search]')); input.clear(); input.sendKeys(query); } getSearchResults() { const results = element.all(by.css('.search-results li')); browser.wait(ExpectedConditions.presenceOf(results.first()), 8000); return results; } }