Searching for HTML elements works only on first rootPage in E2E testing

Aperta
#73 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
testing

Direzione di ricerca

Riproduci il flusso E2E di Protractor nel page object: naviga alla root, fai clic su #start-game, quindi interroga #goal-wrapper e il titolo del browser dopo che NavController modifica la root. Inizia verificando cosa succede ai comandi del browser dopo la visualizzazione di GameComponent. Il lavoro è completato quando selettori, attese, getTitle() e getSize() vengono completati nella pagina del gioco.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Hey guys!

I am facing one issue when I try to run E2E tests. I am using Protractor (5.1.2) for E2E tests.
So everything works fine when I try to search for elements on the rootPage. My tests look like this:

game.navigateToRoot();
game.startGame();
game.playTheGame();

Navigation to root works fine, I can normally find the START BUTTON and click on it, which leads me to the GameComponent (I actually change the root like this.nav.setRoot(GameComponent)).
When the game panel is shown, I can not do any HTML selector query, not even (browser.title), because neither one Promise callback is executed. I tried to wait the browser with:

const until = rotractor.ExpectedConditions;
browser.wait(until.presenceOf(game.getFinalResultWrapper()), 5000, 'Element taking too long to appear in the DOM');

Here is my game page object where I make HTML queries:

navigateToRoot() {
    return browser.get('');
}

startGame() {
    const startGameButton = this.getStartGameButton();
    this.getStartGameButton().click();
    // the NavController's root changes
}

getStartGameButton() {
    return $('#start-game');
}

getFinalResultWrapper() {
    return $('.level-complete-wrapper');
}

playTheGame() {
    // nothing works from now on
    const goalWrapper = $('#goal-wrapper');
    const until = protractor.ExpectedConditions;
    browser.wait(until.presenceOf(goalWrapper), 5000, 'Element taking too long to appear in the DOM');
    browser.getTitle().then((title) => {
        console.log('title = ', title);
    });
    $('#goal-wrapper').getSize().then((size) => {
        console.log(size);
    });
}
Lingua principale
TypeScript
Stelle
370
Fork
144
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ionic-team/ionic-unit-testing-example

Tutte le issue di ionic-team/ionic-unit-testing-example

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.