const listenForErrors = require('./lib/errors.js').listenForErrors;
const interactiveChatTest = require('./tests/chat.js').interactiveChatTest;
const videoTest = require('./tests/video.js').videoTest;
const puppeteer = require('puppeteer');

const phone = puppeteer.devices['iPhone 11'];
const tabletLandscape = puppeteer.devices['iPad landscape'];
const tablet = puppeteer.devices['iPad Pro'];
const desktop = {
  name: 'desktop',
  userAgent:
    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36',
  viewport: {
    width: 1920,
    height: 1080,
    deviceScaleFactor: 1,
    isMobile: false,
    hasTouch: false,
    isLandscape: true,
  },
};

const devices = [desktop, phone, tablet, tabletLandscape];

describe('Frontend web page', () => {
  beforeAll(async () => {
    listenForErrors(browser, page);
    await page.goto('http://localhost:5309');
    await page.waitForTimeout(3000);
  });

  devices.forEach(async function (device) {
    const newName = 'frontend-browser-test-name-change-' + device.name;
    const fakeMessage =
      'this is a test chat message sent via the automated browser tests on the main web frontend from ' +
      device.name;

    interactiveChatTest(browser, page, newName, fakeMessage, device.name);
    videoTest(browser, page);

    await page.waitForTimeout(2000);
    await page.screenshot({
      path: 'screenshots/screenshot_main-' + device.name + '.png',
      fullPage: true,
    });
  });
});