index.e2e.spec.ts
import { browser } from 'protractor';
import { Homepage } from '../pageobjects/Homepage'
const BASE_URL = 'http://localhost:3000';
describe('Homepage', () => {
let homepage: Homepage;
beforeEach(() => {
browser.get(BASE_URL).then(function() {
homepage = new Homepage();
});
});
it('should display welcome message', () => {
browser.sleep(5000);
console.log('after first sleep');
homepage.message.getText().then(function(text: any) {
browser.sleep(5000);
console.log('message: ' + text);
});
});
});
homepage.ts
import { $ } from 'protractor';
export class Homepage {
public message: any;
constructor() {
console.log('constructor');
this.message = $('#message');
}
}
homepage.component.html
<h1 id="message">Welcome to our website!</h1>
Output:
[15:13:03] I/hosted - Using the selenium server at http://localhost:4444/wd/hub
Started
constructor
after first sleep
F
Failures:
1) Homepage should display welcome message
Message:
Failed: No element found using locator: By(css selector, #message)
Stack:
NoSuchElementError: No element found using locator: By(css selector, #message)