staff.test.js

/* eslint-disable max-len */
'use strict'

const puppeteer = require('puppeteer')
const { configureToMatchImageSnapshot } = require('jest-image-snapshot')
const width = 800
const height = 600
const delayMS = 100
const shell = require('shelljs')

let browser
let page

// threshold is the difference in pixels before the snapshots dont match
const toMatchImageSnapshot = configureToMatchImageSnapshot({
	customDiffConfig: { threshold: 2 },
	noColors: true,
})
expect.extend({ toMatchImageSnapshot })

beforeAll( async() => {
	browser = await puppeteer.launch({ headless: true, slowMo: delayMS, args: [`--window-size=${width},${height}`, '--no-sandbox'] })
	page = await browser.newPage()
	await page.setViewport({ width, height })
})

beforeEach( () => shell.exec('./abolishDB.sh'))

afterAll( () => browser.close() )

describe('menu', () => {

	test('Main Menu', async done => {

		jest.setTimeout(30000)

		await page.goto('http://localhost:8080/login', { timeout: 30000, waitUntil: 'load' })
		await page.goto('http://localhost:8080/login', { timeout: 30000, waitUntil: 'load' })

		await page.click('[href="/register"]')

		await page.select('select[name=auth]', 'Kitchen')
		await page.type('input[name=user]', 'Craig')
		await page.type('input[name=pass]', 'bread')

		await page.click('input[type=submit]')

		await page.type('input[name=user]', 'Craig')
		await page.type('input[name=pass]', 'bread')

		await page.click('input[type=submit]')

		await page.click('button[name=Order]')
		const title = await page.title()
		expect(title).toBe('Main Menu')

		done()

	})
})