Setup Percy to take screenshots for each game

[robinlarsson]

Percy, "Your all-in-one visual review platform".

It's a quick way to get visual graphic testing that could assist with checking that the all the games looks the same as the previous commit.

Generously provided with 5000 free screenshots per month.

A basic example script (not tested) to visit the start page and click on the "Try It" button.

const PercyScript = require('@percy/script');

PercyScript.run(async (page, percySnapshot) => {
  await page.goto('https://games.zomis.net');
  await percySnapshot('homepage');

  await page.click('.game-spice-road .v-btn');
  await percySnapshot('spicy-road');

  await page.goto('https://games.zomis.net');
  await page.click('.game-dixit .v-btn');
  await percySnapshot('dixit');
});

Create cookie with token, so the same user will be used every time.

await page.evaluate(() => {
  localStorage.setItem('authCookie', '<guest token>');
});

Documentation

https://percy.io/
https://docs.percy.io/docs/percyscript-advanced

[robinlarsson]

Unfortunately, the authCookie doesn't get set in localStorage and we end up on the login screen as seen in Percy results:

The script so far is:

const PercyScript = require('@percy/script');
const baseUrl = 'http://localhost:8080';

PercyScript.run(async (page, percySnapshot) => {
    try {
        // await page.evaluateOnNewDocument(
        //     token => {
        //         localStorage.clear();
        //         console.log('token', token);
        //         localStorage.setItem('authCookie', token);
        //     }, '<token>');

        // await page.goto(baseUrl, { waitUntil: 'load' });

        await page.goto(baseUrl);

        await page.evaluate(() => {
            localStorage.setItem('authCookie', '<token>');
        });

        await page.goto(baseUrl);

        await page.waitForSelector('.game-type');
        await percySnapshot('homepage');

        // await page.click('.game-spice-road .v-btn');
        // await percySnapshot('spicy-road');

        // await page.goto(baseUrl);
        // await page.click('.game-dixit .v-btn');
        // await percySnapshot('dixit');

        await page.close();

        process.exit(0);
    } catch (err) {
        console.error(err);
    }
});

[robinlarsson]

Was missing an storage item for lastUsedProvider = guest.