ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

test: optimize execution time

Browse source
This commit is contained in:
Mathieu Puech 2020-08-19 10:32:30 -04:00 committed by Joren Broekema
parent 001b582c8f
commit c3693b9756
3 changed files with 31 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/calendar/test/demos.screenshots-test.js
View file

@ -1,3 +1,4 @@
// @ts-nocheck
/* globals capture getStoryPage */ /* globals capture getStoryPage */
const selector = 'lion-calendar'; const selector = 'lion-calendar';
@ -33,6 +34,7 @@ describe('others-calendar', () => {
initialVirtualTime: new Date('2000/12/15').getTime() / 1000, initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
}, },
}); });
await page.waitForSelector('button');
await page.evaluate(() => { await page.evaluate(() => {
document.querySelector('button').click(); document.querySelector('button').click();
}); });

5
packages/select-rich/test/demos.screenshots-test.js
View file

@ -12,6 +12,7 @@ describe('forms-select-rich', () => {
it('main-opened', async () => { it('main-opened', async () => {
const id = `forms-select-rich--main`; const id = `forms-select-rich--main`;
const page = await getStoryPage(id); const page = await getStoryPage(id);
await page.waitForSelector(selector);
await page.evaluate(() => { await page.evaluate(() => {
const el = document.querySelector('lion-select-rich'); const el = document.querySelector('lion-select-rich');
el.opened = true; el.opened = true;
@ -31,6 +32,7 @@ describe('forms-select-rich', () => {
it('options-with-html-opened', async () => { it('options-with-html-opened', async () => {
const id = `forms-select-rich--options-with-html`; const id = `forms-select-rich--options-with-html`;
const page = await getStoryPage(id); const page = await getStoryPage(id);
await page.waitForSelector(selector);
await page.evaluate(() => { await page.evaluate(() => {
const el = document.querySelector('lion-select-rich'); const el = document.querySelector('lion-select-rich');
el.opened = true; el.opened = true;
@ -45,6 +47,7 @@ describe('forms-select-rich', () => {
it('many-options-with-scrolling-opened', async () => { it('many-options-with-scrolling-opened', async () => {
const id = `forms-select-rich--many-options-with-scrolling`; const id = `forms-select-rich--many-options-with-scrolling`;
const page = await getStoryPage(id); const page = await getStoryPage(id);
await page.waitForSelector(selector);
await page.evaluate(() => { await page.evaluate(() => {
const el = document.querySelector('lion-select-rich'); const el = document.querySelector('lion-select-rich');
el.opened = true; el.opened = true;
@ -69,6 +72,7 @@ describe('forms-select-rich', () => {
it('disabled-option-opened', async () => { it('disabled-option-opened', async () => {
const id = `forms-select-rich--disabled-option`; const id = `forms-select-rich--disabled-option`;
const page = await getStoryPage(id); const page = await getStoryPage(id);
await page.waitForSelector(selector);
await page.evaluate(() => { await page.evaluate(() => {
const el = document.querySelector('lion-select-rich'); const el = document.querySelector('lion-select-rich');
el.opened = true; el.opened = true;
@ -83,6 +87,7 @@ describe('forms-select-rich', () => {
it('validation', async () => { it('validation', async () => {
const id = `forms-select-rich--validation`; const id = `forms-select-rich--validation`;
const page = await getStoryPage(id); const page = await getStoryPage(id);
await page.waitForSelector(selector);
await page.evaluate(() => { await page.evaluate(() => {
const el = document.querySelector('lion-select-rich'); const el = document.querySelector('lion-select-rich');
el.updateComplete.then(() => { el.updateComplete.then(() => {

27
scripts/screenshots/index.js
View file

@ -104,8 +104,7 @@ async function getPage(path, cdp) {
} }
}); });
await page.goto(url); await page.goto(url, { waitUntil: 'domcontentloaded' });
await page.waitForTimeout(500);
log(`Page has been created`); log(`Page has been created`);
@ -265,7 +264,29 @@ function createCapture() {
if (!suite.page) { if (!suite.page) {
suite.page = await getPage(url); suite.page = await getPage(url);
} }
await page.waitForTimeout(500); if (selector) {
await page.waitForSelector(selector);
}
if (endClipSelector) {
await page.waitForSelector(endClipSelector);
}
await page.evaluate(
async ([sel, endClipSel]) => {
if (sel) {
const el = document.querySelector(sel);
if (el && el.updateComplete) {
await el.updateComplete;
}
}
if (endClipSel) {
const el = document.querySelector(endClipSel);
if (el && el.updateComplete) {
await el.updateComplete;
}
}
},
[selector, endClipSelector],
);
suite.clip = await getClip(suite); suite.clip = await getClip(suite);
if (updateScreenshots) { if (updateScreenshots) {