admin.test.js

'use strict'

const puppeteer = require('puppeteer')
const { configureToMatchImageSnapshot } = require('jest-image-snapshot')
const width = 800
const height = 600
const delayMS = 0
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: false, slowMo: delayMS, args: [`--window-size=${width},${height}`] })
	page = await browser.newPage()
	await page.setViewport({ width, height })
})

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

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

describe('menu', () => {

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

		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.type('input[name=user]', 'Craig')
		await page.type('input[name=pass]', 'bread')

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

		let title = await page.title()

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

		await page.click('input[type=submit]')
		title = await page.title()
		expect(title).toBe('Main Menu')

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

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

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

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

		await page.click('button[name=Ready]')
		title = await page.title()
		expect(title).toBe('Order Status')

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

		await page.click('button[name=LogOut]')
		title = await page.title()
		expect(title).toBe('Log In')

		done()
	})

	test('Admin add/edit', async done => {

		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.type('input[name=user]', 'Craig')
		await page.type('input[name=pass]', 'bread')

		//await page.waitFor(1000)
		await page.click('input[type=submit]')
		//await page.waitFor(1000)
		let title = await page.title()

		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=Menu]')

		await page.click('button[name=adding]')
		title = await page.title()
		expect(title).toBe('Adding an Item')

		await page.type('input[name=itemName]', 'Spaghetti')
		await page.type('input[name=itemPricePounds]', '8')
		await page.type('input[name=itemPricePence]', '50')
		await page.type('input[name=itemType]', 'main')

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

		const itemName = await page.evaluate(() => {
			const dom = document.querySelectorAll('table tr td:first-child')
			const arr = Array.from(dom)
			return arr.map(td => td.innerText)
		})

		console.log(itemName)
		expect(itemName).toStrictEqual(['Spaghetti'])

		await page.click('button[name=edit]')
		await page.type('input[name=itemName]', 'Bolognese ')
		await page.click('input[type=submit]')

		const newItemName = await page.evaluate(() => {
			const dom = document.querySelectorAll('table tr td:first-child')
			const arr = Array.from(dom)
			return arr.map(td => td.innerText)
		})

		console.log(newItemName)
		expect(newItemName).toStrictEqual(['Bolognese Spaghetti'])

		await page.waitFor(1000)

		done()
	})

	test('Admin New Order/Ready Order', async done => {

		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.type('input[name=user]', 'Craig')
		await page.type('input[name=pass]', 'bread')

		//await page.waitFor(1000)
		await page.click('input[type=submit]')
		//await page.waitFor(1000)
		let title = await page.title()

		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=Menu]')

		await page.click('button[name=adding]')
		title = await page.title()
		expect(title).toBe('Adding an Item')

		await page.type('input[name=itemName]', 'Spaghetti')
		await page.type('input[name=itemPricePounds]', '8')
		await page.type('input[name=itemPricePence]', '50')
		await page.type('input[name=itemType]', 'main')

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

		await page.click('button[name=mainmenu]')

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

		await page.click('button[name=add]')

		await page.waitFor(2000)

		done()
	})
})