text: import puppeteer from 'puppeteer';
  import { VisualDiff } from '@brightspace-ui/visual-diff';
  
  describe('scroll-shadowroot-mixin', () => {
  
  	const visualDiff = new VisualDiff('scroll-shadowroot-mixin', import.meta.url);
  
  	let browser, page;
  
  	before(async() => {
  		browser = await puppeteer.launch();
  		page = await visualDiff.createPage(browser);
  		await page.setViewport({ width: 400, height: 200, deviceScaleFactor: 2 });
  		await page.goto(`${visualDiff.getBaseUrl()}/test/visual-diff/scroll-shadowroot-mixin.visual-diff.html`, { waitUntil: ['networkidle0', 'load'] });
  		await page.bringToFront();
  	});
  
  	beforeEach(async() => {
  		await visualDiff.resetFocus(page);
  	});
  
  	after(async() => {
  		await browser.close();
  	});
  
  	it('default', async function() {
  		await visualDiff.screenshotAndCompare(page, this.test.fullTitle(), { captureBeyondViewport: false });
  	});
  
  	it('scroll', async function() {
  		await page.$eval('#default', async(elem) => {
  			elem.scrollToHash('#item-2');
  		});
  		await visualDiff.screenshotAndCompare(page, this.test.fullTitle(), { captureBeyondViewport: false });
  	});
  });
  