joelgriffith

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

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

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

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

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

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

joelgriffith

import { toMatchImageSnapshot } from 'jest-image-snapshot';

expect.extend({ toMatchImageSnapshot });

joelgriffith

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

const chrome = new Chrome();

chrome
  .goto('https://www.google.com/', { pageload: false })
  .evaluate(() => 'INSERT YOUR SCRIPT HERE')
  // More stuff
  .then((results) => {
    console.log(results);

joelgriffith

// Puppeteer
const puppeteer = require('puppeteer');

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
await page.screenshot({path: 'example.png'});

await browser.close();

joelgriffith

function getTitle() {
	if (document.querySelector('meta[property="og:title"]')) {
		return document.querySelector('meta[property="og:title"]').content;
	}

	if (document.querySelector('[itemprop="name"]')) {
		return document.querySelector('[itemprop="name"]').text;
	}

	if (document.querySelector('title')) {

joelgriffith

function getDescription() {
	if (document.querySelector('meta[property="og:description"]')) {
		return document.querySelector('meta[property="og:description"]').content;
	}

	if (document.querySelector('[itemprop="description"]')) {
		return document.querySelector('[itemprop="description"]').text;
	}

	if (document.querySelector('meta[name="description"]')) {

joelgriffith

const puppeteer = require('puppeteer');

function getTitle() {
  if (document.querySelector('meta[property="og:title"]')) {
    return document.querySelector('meta[property="og:title"]').content;
  }
  if (document.querySelector('[itemprop="name"]')) {
    return document.querySelector('[itemprop="name"]').text;
  }
  if (document.querySelector('title')) {

joelgriffith

async function getImage(page) {
  if (document.querySelector('meta[property="og:image"]')) {
    return document.querySelector('meta[property="og:image"]').content;
  }
  if (document.querySelector('[itemprop="image"]')) {
    return document.querySelector('[itemprop="image"]').text;
  }
  // Return null so we can handle it later
  return null;
}