@datacamp/learn-vm-scripts 1.9.0 → 1.10.0

package/dist/index.cjs

@@ -366649,13 +366649,47 @@ var setFullscreen = async (page, provider) => {
     log(`Failed to set fullscreen for ${provider}: ${error}`);
   }
 };
+var waitForStableBox = async (page, selector, stableMs = 200) => {
+  await page.waitForSelector(selector, { visible: true });
+  return page.waitForFunction(
+    (sel, stable) => {
+      const el = document.querySelector(sel);
+      if (!el) return false;
+      const now = performance.now();
+      const rect = el.getBoundingClientRect();
+      if (!window.__stableBox) {
+        window.__stableBox = {};
+      }
+      const previous = window.__stableBox[sel];
+      if (!previous) {
+        window.__stableBox[sel] = { rect, t: now };
+        return false;
+      }
+      const samePos = Math.abs(previous.rect.x - rect.x) < 0.5 && Math.abs(previous.rect.y - rect.y) < 0.5 && Math.abs(previous.rect.width - rect.width) < 0.5 && Math.abs(previous.rect.height - rect.height) < 0.5;
+      if (!samePos) {
+        window.__stableBox[sel] = { rect, t: now };
+        return false;
+      }
+      return now - previous.t >= stable;
+    },
+    { timeout: 3e3 },
+    selector,
+    stableMs
+  );
+};
 
 // src/setInput.ts
-var setInput = ({
+var setInput = async ({
   page,
   querySelector,
   value
 }) => {
+  try {
+    await waitForStableBox(page, querySelector);
+  } catch (error) {
+    log(`Error waiting for stable box: ${error}`);
+  }
+  await page.type(querySelector, value);
   return page.evaluate(
     ({ querySelector: querySelector2, value: value2 }) => {
       document.querySelector(querySelector2).value = value2;
@@ -366697,11 +366731,9 @@ async function loginToAzure({
   log("Navigating to Azure login page...");
   await Promise.all([page.waitForNavigation(), page.goto(ensureHttps(url))]);
   log("Entering email...");
-  const usernameQuerySelector = '[name="loginfmt"]';
-  await page.waitForSelector(usernameQuerySelector);
   await setInput({
     page,
-    querySelector: usernameQuerySelector,
+    querySelector: '[name="loginfmt"]',
     value: username
   });
   await Promise.all([
@@ -366710,11 +366742,9 @@ async function loginToAzure({
   ]);
   log("Email entered successfully");
   log("Entering password...");
-  const passwordQuerySelector = 'input[type="password"]';
-  await page.waitForSelector(passwordQuerySelector, { visible: true });
   await setInput({
     page,
-    querySelector: passwordQuerySelector,
+    querySelector: 'input[type="password"]',
     value: password
   });
   await Promise.all([
@@ -366751,15 +366781,11 @@ async function loginToAWS({
 }) {
   log("Navigating to AWS login page...");
   await page.goto(ensureHttps(url));
-  await page.waitForSelector('input[name="username"]');
-  await page.type('input[name="username"]', username);
   await setInput({
     page,
     querySelector: 'input[name="username"]',
     value: username
   });
-  await page.waitForSelector('input[name="password"]');
-  await page.type('input[name="password"]', password);
   await setInput({
     page,
     querySelector: 'input[name="password"]',
@@ -366923,7 +366949,6 @@ async function loginToFabric({
   log("Navigating to Fabric login page...");
   await page.goto(ensureHttps(url));
   log("Entering email...");
-  await page.waitForSelector('input[id="email"]');
   await setInput({
     page,
     querySelector: 'input[id="email"]',
@@ -366936,7 +366961,6 @@ async function loginToFabric({
     maxRetries: 10
   });
   log("Entering password...");
-  await page.waitForSelector('input[type="password"]');
   await setInput({
     page,
     querySelector: 'input[type="password"]',
@@ -366994,15 +367018,11 @@ async function loginToN8N({
 }) {
   log("Navigating to N8N login page...");
   await page.goto(ensureHttps(url));
-  await page.waitForSelector(usernameInputSelector);
-  await page.type(usernameInputSelector, username);
   await setInput({
     page,
     querySelector: usernameInputSelector,
     value: username
   });
-  await page.waitForSelector(passwordInputSelector);
-  await page.type(passwordInputSelector, password);
   await setInput({
     page,
     querySelector: passwordInputSelector,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datacamp/learn-vm-scripts",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "repository": "git@github.com:datacamp-engineering/learn-vm-scripts.git",
   "description": "Scripts used by VMs in learn.",
   "main": "./dist/index.cjs",