joelgriffith

it('should not have visual regressions', () => {
  ...do something to generate an image...
  expect(image).toMatchImageSnapshot();
});

joelgriffith

const { Chrome } = require('navalia');
const { toMatchImageSnapshot } = require('jest-image-snapshot');

expect.extend({ toMatchImageSnapshot });

describe('Visual Regressions', () => {
  let chrome = null;
  
  beforeEach(() => {
    chrome = new Chrome();

joelgriffith

const { Navalia } = require('navalia');
const navalia = new Navalia();

describe('My Page', () => {

  afterAll(() => {
    return navalia.kill();
  });

  it.concurrent('should have a username input', () => {

joelgriffith

// Register the work against a Navalia instance
// returning so the test can signal completetion:
it('should have a username input', () => {
  return navalia.run((chrome) => chrome.goto('http://localhost:3000/')
    .then(() => chrome.exists('[data-test="username"]'))
    .then((exists) => expect(exists).toEqual(true)));
});

joelgriffith

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

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

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

  afterEach(() => {

joelgriffith

// :missingUsername visits a page and immediately clicks submit
// without entering the user's name. It returns the chrome instance
// so you can invoke further actions or assertions!
const missingUsername = (chrome) => 
  chrome.goto('http://localhost:3000/')
  .then(() => chrome.click('[data-test="submit"]'));

// Consume the prior action and assert further behavior
it('should allow users to dismiss errors', () => {
  return missingUsername(chrome)

joelgriffith

// :missingUsername visits a page and immediately clicks submit
// without entering the user's name. It returns the chrome instance
// so you can invoke further actions or assertions!
const missingUsername = (chrome) => 
  chrome.goto('http://localhost:3000/')
  .then(() => chrome.click('[data-test="submit"]'));

joelgriffith

// Goto a page, click a button, expect a message
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'));
});

joelgriffith

const { Chrome } = require('navalia');
const pageUrl = 'http://localhost:3000/';

describe('My Page', () => {
  let chrome = {};
  
  // Setup a clean instance for each test
  beforeEach(() => {
    chrome = new Chrome();
  });

joelgriffith

import React, { Component } from 'react';
import './App.css';

class LoginPage extends Component {
  constructor() {
    super();
    this.state = {
      username: '',
      password: '',
      error: '',