Full test suite with just Chrome

full-suite-chrome.js

const { Chrome } = require('navalia');

describe('My Page', () => {
  let chrome = {};

  beforeEach(() => {
    chrome = new Chrome();
  });

  afterEach(() => {
    return chrome.done();
  });

  it('should have a username input', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.exists('[data-test="username"]'))
      .then((exists) => expect(exists).toEqual(true));
  });

  it('should have a submit button', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.exists('[data-test="password"]'))
      .then((exists) => expect(exists).toEqual(true));
  });

  it('should have a submit button', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.exists('[data-test="submit"]'))
      .then((exists) => expect(exists).toEqual(true));
  });

  it('should show an error if no username is filled out', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.click('[data-test="submit"]'))
      .then(() => chrome.html('[data-test="error"]'))
      .then((html) => expect(html).toContain('Username is required'));
  });

  it('should show a password error if a username is filled but no password', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.type('[data-test="username"]', 'joel@joelgriffith.net'))
      .then(() => chrome.click('[data-test="submit"]'))
      .then(() => chrome.html('[data-test="error"]'))
      .then((html) => expect(html).toContain('Password is required'));
  });

  it('dismisses username errors', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.click('[data-test="submit"]'))
      .then(() => chrome.click('[data-test="error"] button'))
      .then(() => chrome.exists('[data-test="error"]'))
      .then((errorPersists) => expect(errorPersists).toEqual(false));
  });

  it('dismisses password errors', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.type('[data-test="username"]', 'joel@joelgriffith.net'))
      .then(() => chrome.click('[data-test="submit"]'))
      .then(() => chrome.click('[data-test="error"] button'))
      .then(() => chrome.exists('[data-test="error"]'))
      .then((errorPersists) => expect(errorPersists).toEqual(false));
  });

  it('should show no errors if both username and password are filled out', () => {
    return chrome.goto('http://localhost:3000/')
      .then(() => chrome.type('[data-test="username"]', 'joel@joelgriffith.net'))
      .then(() => chrome.type('[data-test="password"]', '1234foobarbaz'))
      .then(() => chrome.click('[data-test="submit"]'))
      .then(() => chrome.exists('[data-test="error"]'))
      .then((errorExists) => expect(errorExists).toEqual(false));
  });
});