const puppeteer = require("puppeteer");
const iPhoneX = puppeteer.devices["iPhone X"];
const iPadLandscape = puppeteer.devices["iPad landscape"];

const { CUSTOM_BASE: BASE } = process.env;

describe("Dozzle with custom base", () => {
  beforeEach(async () => {
    await page.goto(`${BASE}foobarbase`, { waitUntil: "networkidle2" });
  });

  it("renders full page on desktop", async () => {
    const image = await page.screenshot({ fullPage: true });

    expect(image).toMatchImageSnapshot();
  });

  it("and shows one container with correct title", async () => {
    const menuTitle = await page.$eval("aside ul.menu-list li a", (e) => e.title);

    expect(menuTitle).toEqual("custom_base");
  });
});