eg: EG_MOBILE: fix Error: Can't query n-th element

Author: vogler

epic-games.js

@@ -162,8 +162,15 @@ try {
   for (const url of urls) {
     if (cfg.time) console.time('claim game');
     await page.goto(url); // , { waitUntil: 'domcontentloaded' });
-    const purchaseBtn = page.locator('button[data-testid="purchase-cta-button"] >> :has-text("e"), :has-text("i")').first(); // when loading, the button text is empty -> need to wait for some text {'get', 'in library', 'requires base game'} -> just wait for e or i to not be too specific; :text-matches("\w+") somehow didn't work - https://github.com/vogler/free-games-claimer/issues/375
-    await purchaseBtn.waitFor();
+    // when loading, the button text is empty -> need to wait for some text {'get', 'in library', 'requires base game'} -> just wait for e or i to not be too specific; :text-matches("\w+") somehow didn't work - https://github.com/vogler/free-games-claimer/issues/375
+    // was using locator('...').first().waitFor(), but that at some point led to exception locator.waitFor: Error: Can't query n-th element
+    await page.waitForFunction(
+      () => {
+        const btn = document.querySelector('button[data-testid="purchase-cta-button"]');
+        return btn && btn.textContent && /[ei]/i.test(btn.textContent);
+      }
+    );
+    const purchaseBtn = page.locator('button[data-testid="purchase-cta-button"]').first();
     const btnText = (await purchaseBtn.innerText()).toLowerCase(); // barrier to block until page is loaded
 
     // click Continue if 'This game contains mature content recommended only for ages 18+'