joelgriffith

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

chrome.goto('https://www.google.com')
  .then(() => chrome.done());

joelgriffith

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

async function interactWithSearch() {
  await chrome.goto('https://joelgriffith.github.io/navalia/');
  await chrome.focus('#search-input');
  await chrome.type('#search-input', 'coverage');
  return chrome.done();
}
interactWithSearch();

joelgriffith

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

async function checkCoverageOnPage() {
  // Note that we've set `coverage: true` as a 2nd parameter, this will instrument Chrome appropriately
  await chrome.goto('https://joelgriffith.github.io/navalia/', { coverage: true });
  await chrome.focus('#search-input');
  await chrome.type('#search-input', 'coverage');
  const stats = await chrome.coverage('https://www.google-analytics.com/analytics.js');

joelgriffith

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

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

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

// 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

// :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

// :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

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

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

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

  afterEach(() => {

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)));
});