import * as puppeteer from 'puppeteer';
import { throughoutSettings, throughoutDebug, setViewportAsDesktop } from '../src/browser'; // imported from throughout
import { urlList } from '../testBed/url'; // the url you are testing
 
describe('Given this is a test', () => {
 
    let page;
    let browser;
    let debug;
 
    beforeAll(async () => {
        browser = await puppeteer.launch(throughoutSettings);
        page = await browser.newPage();
        debug = await throughoutDebug('Pokedex PWA Test', page, browser); // throughout will debug for you
        setViewportAsDesktop(page);
 
        await page.goto(urlList.POKEMON);
    });
 
    describe('When the user clicks the pokemon link', () => {
 
        beforeAll(async () => {
            await page.click('#pokemon-link');
        });
 
        it('Then the pokemon list should be visible', async () => {
            expect(await page.$('#monsters-list')).toBeTruthy();
        });
    });
});