Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

swithTo/within not swith to iframe

Ouverte
  • Quelque chose ne va pas ?
#4,414 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 2 jours

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript, nodejs
Domaine
testing-qa

Piste de recherche

Commencez par reproduire le flux Puppeteer fourni dans CodeceptJS 3.6, en vous concentrant sur switchTo, within et waitForElement avec les sélecteurs d’iframe fournis. Comparez le comportement avec CodeceptJS 3.4.1 et ajoutez une couverture de régression lorsque l’échec est isolé ; c’est terminé lorsque les sélecteurs d’entrée de l’iframe sont résolus et que la séquence fournie s’exécute jusqu’au bout.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

stale
What are you trying to achieve?

After update codeceptjs, I can't get input in iframe. I just try using switchTo and within. My code work on codecept 3.4.1

What do you get instead?

Provide console output if related. Use --verbose mode for more details.

      I wait for visible "[data-marker=new-card]", 5
      I click "[data-marker=new-card]"
      I wait for element "[data-marker=iframe]", 5
      I switch to "[data-marker=iframe]"
      I wait for element "[id=pan]", 5
      › [Browser:Warning] 
    [1]  Error (Non-Terminated) | Error: element ([id=pan]) still not present on page after 5 sec
Waiting for selector `[id=pan]` failed: Waiting failed: 5000ms exceeded | (err) => { step.status = 'failed'; step.endTime = ...
    [1] Error | Error: element ([id=pan]) still not present on page after 5 sec
Waiting for selector `[id=pan]` failed: Waiting failed: 5000ms exceeded undefined...
    [1] <teardown>  Stopping recording promises

...
     Error: element ([id=pan]) still not present on page after 5 sec
Waiting for selector `[id=pan]` failed: Waiting failed: 5000ms exceeded

Provide test source code if related

    await I.waitForElement(this.iframe, FRONT_TIMEOUT_SEC);
    await I.switchTo(this.iframe);
    await I.waitForElement(this.cardNumberInput, FRONT_TIMEOUT_SEC);
    await I.waitForVisible(this.cardNumberInput, FRONT_TIMEOUT_SEC);
    await I.fillField(this.cardNumberInput, creditCard.cardNumber);
    await I.fillField(this.expDateInput, creditCard.expDate);
    await I.fillField(this.cvcInput, creditCard.cvv);
    await I.switchTo();
Details
  • CodeceptJS version: 3.6
  • NodeJS Version: 18.16.1
  • Operating System: mac os
  • puppeteer || webdriverio || testcafe version (if related)
  • Configuration file:
exports.config = {
  fullPromiseBased: true,
  tests: testsPath,
  output: `${pwd}/output`,
  bootstrap: () => {
    global.codecept_dir = pwd;
  },
  name: 'xxx',
  helpers: {
    Puppeteer: {
      show: true,
      waitForNavigation: 'networkidle2',
      waitForTimeout: 30000,
      getPageTimeout: 30000,
      windowSize: '1000x1000',
      browser: 'chrome',
      chrome: {
        args: ['--no-sandbox',
          '--window-size=1920,1000',
          '--disable-setuid-sandbox',
          '--disable-web-security',
          // workaround for iframe in {headless: false} mode,
          // see details https://github.com/puppeteer/puppeteer/issues/4964
          '--disable-features=site-per-process',
        ],
        devtools: false,
      },
      manualStart: false,
      restart: false,
      keepCookies: true,
      keepBrowserState: false,
    },
    FileSystem: {},
  },
  plugins: {
    screenshotOnFail: {
      enabled: false,
    },
    retryTo: {
      enabled: true
    },
    tryTo: {
      enabled: true,
      require: ''
    }
  },
  require: ['ts-node/register'],

};
Langage dominant
JavaScript
Étoiles
4.2k
Forks
756
Merge moyen
2 j 10 h
PR mergées (30 j)
18

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de codeceptjs/CodeceptJS

Toutes les issues de codeceptjs/CodeceptJS

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.