revert changes in scripts/pit/its/hello.js to fix skeleton-starter-flow-cdi

Author: manolo

scripts/pit/its/hello.js

@@ -1,59 +1,82 @@
-const { log, args, createPage, closePage, takeScreenshot, waitForServerReady, dismissDevmode } = require('./test-utils');
+const { chromium, webkit } = require('playwright');
+const screenshots = "screenshots.out"
 
-(async () => {
-    const arg = args();
-
-    const page = await createPage(arg.headless);
-
-    await waitForServerReady(page, arg.url);
+let headless = false, host = 'localhost', port = '8080', mode = 'prod', name;
+process.argv.forEach(a => {
+  if (/^--headless/.test(a)) {
+    headless = true;
+  } else if (/^--port=/.test(a)) {
+    port = a.split('=')[1];
+  } else if (/^--mode=/.test(a)) {
+    mode = a.split('=')[1];
+  } else if (/^--name=/.test(a)) {
+    name = a.split('=')[1];
+  }
+});
 
-    // Dismiss dev mode notification if present
-    await dismissDevmode(page);
+let sscount = 0;
+async function takeScreenshot(page, name) {
+  const path = `${screenshots}/${++sscount}-${name}-${mode}.png`;
+  await page.screenshot({ path });
+  log(`Screenshot taken: ${path}\n`);
+}
+const log = s => process.stderr.write(`\x1b[1m=> TEST: \x1b[0;33m${s}\x1b[0m`);
 
-    const text = 'Greet';
-
-    // Wait for vaadin ready
-    await page.waitForSelector('#outlet > * > *:not(style):not(script)');
+(async () => {
+  const browser = await chromium.launch({
+    headless: headless,
+    chromiumSandbox: false
+  });
+  const context = await browser.newContext();
+  const text = 'Greet';
 
-    await takeScreenshot(page, __filename, 'initial-view');
+  // Open new page
+  const page = await context.newPage();
+  page.on('console', msg => console.log("> CONSOLE:", (msg.text() + ' - ' + msg.location().url).replace(/\s+/g, ' ')));
+  page.on('pageerror', err => console.log("> PAGEERROR:", ('' + err).replace(/\s+/g, ' ')));
 
-    // Click input[type="text"]
-    try {
-        await page.locator('input[type="text"]').click({timeout:10000});
-    } catch (error) {
-        // skeleton-starter-flow-cdi wildfly:run sometimes does not load the page correctly
-        log(`Error looking for input[type="text"], sleeping and reloading page`);
-        await page.reload();
-        await page.waitForLoadState('load')
-        await page.waitForTimeout(10000);
-        await takeScreenshot(page, __filename, 'initial-view-after-reload');
-        await page.locator('input[type="text"]').click({timeout:60000});
-    }
+  // Go to http://localhost:8080/
+  await page.goto(`http://${host}:${port}/`);
+  // Wait for vaadin ready
+  await page.waitForSelector('#outlet > * > *:not(style):not(script)');
 
-    // Fill input[type="text"]
-    await page.locator('input[type="text"]').fill(text);
-    await takeScreenshot(page, __filename, 'input-filled');
+  await takeScreenshot(page, 'initial-view');
+  // Click input[type="text"]
+  try {
+    await page.locator('input[type="text"]').click({timeout:10000});
+  } catch (error) {
+    // skeleton-starter-flow-cdi wildfly:run sometimes does not load the page correctly
+    log(`Error looking for input[type="text"], sleeping and reloading page\n`);
+    await page.reload();
+    await page.waitForLoadState('load')
+    await page.waitForTimeout(10000);
+    await takeScreenshot(page, 'initial-view-after-reload');
+    await page.locator('input[type="text"]').click({timeout:60000});
+  }
 
-    // Click text=Say hello
-    await page.locator('vaadin-button').click();
-    await takeScreenshot(page, __filename, 'button-clicked');
+  // Fill input[type="text"]
+  await page.locator('input[type="text"]').fill(text);
 
-    // Look for the text, sometimes rendered in an alert, sometimes in the dom
-    let m;
-    try {
-        m = await page.getByRole('alert').nth(1).innerText({timeout:500});
-        log(`Found ${text} in an 'alert' role: ${m}`);
-    } catch (e) {
-        log(`Not Found ${text} in an 'alert' role, looking in DOM`);
-        m = await page.locator(`text=/${text}/`).first().innerText({timeout:5000});
-    }
+  // Click text=Say hello
+  await page.locator('vaadin-button').click();
+  await takeScreenshot(page, 'button-clicked');
 
-    if (! new RegExp(text).test(m)) {
-        throw new Error(`${text} text not found in ${m}`);
-    }
 
-    log(`Found ${m} text in the dom`);
-    await takeScreenshot(page, __filename, 'greeting-found');
+  // Look for the text, sometimes rendered in an alert, sometimes in the dom
+  let m;
+  try {
+    m = await page.getByRole('alert').nth(1).innerText({timeout:500});
+  } catch (e) {
+    console.log(`Not Found ${text} in an 'alert' role`);
+    m = await page.locator(`text=/${text}/`).innerText({timeout:5000});
+  }
+  if (! new RegExp(text).test(m)) {
+    throw new Error(`${text} text not found in ${m}`);
+  }
+  console.log(`Found ${m} text in the dom`);
 
-    await closePage(page);
+  // Close everything
+  // ---------------------
+  await context.close();
+  await browser.close();
 })();