text: import puppeteer from 'puppeteer';
  import { VisualDiff } from '@brightspace-ui/visual-diff';
  
  describe('d2l-daylight-navigation', () => {
  
  	const visualDiff = new VisualDiff('navigation', import.meta.url);
  
  	let browser, page;
  
  	before(async() => {
  		browser = await puppeteer.launch();
  		page = await visualDiff.createPage(browser);
  		await page.setViewport({ width: 800, height: 3000, deviceScaleFactor: 2 });
  		await page.goto(`${visualDiff.getBaseUrl()}/test/visual-diff/navigation.visual-diff.html`, { waitUntil: ['networkidle0', 'load'] });
  		await page.bringToFront();
  	});
  
  	beforeEach(async() => {
  		await visualDiff.resetFocus(page);
  	});
  
  	after(async() => {
  		await browser.close();
  	});
  
  	[
  		'empty',
  		'no-page-url',
  		'basic',
  		'basic-selected',
  		'one-child',
  		'one-child-selected',
  		'two-children',
  		'two-children-selected',
  		'two-large',
  		'grandchildren',
  		'grandchildren-selected',
  		'grandchildren-selected-mid',
  		'grandchildren-selected-grandchild',
  		'grandchildren-selected-toc'
  	].forEach((test) => {
  		it(test, async function() {
  			const rect = await visualDiff.getRect(page, `#${test}`);
  			await visualDiff.screenshotAndCompare(page, this.test.fullTitle(), { captureBeyondViewport: false, clip: rect });
  		});
  	});
  });
  