Casper JS -cant Войти на сайт в пределах iframe

Question

Я работаю над тестированием нашего веб-приложения. Все наше приложение через iframe, и для доступа к нему вы должны войти в систему.

Сейчас я пытаюсь проверить страницу входа (которая находится внутри iframe). Я могу получить доступ к форме и кнопкам без проблем, но, хотя URL-адрес изменен, когда я нажимаю submit с помощью Casper JS, страница никогда не изменяется.

Я пробовал различные таймауты, ect ожидания waitFor. У кого-нибудь есть мысли о том, что может блокировать страницу?

сайт: witkit.com

тест:

var routine = { 
    login: function(email, pass, test) { 
     casper.then(function() { 
      this.withFrame(0, function() { 
       this.waitUntilVisible('form#login-form', function() { 
        this.fill('form#login-form', { 
         email: email, 
         password: pass 
        }, false); 
       }); 
      }); 
     }); 
     casper.then(function(){ 
      casper.withFrame(0, function() { 
       this.click("#modalButtonLogin"); 
      }); 
     }); 
    } 
}; 



casper.test.begin('Logs in', function(test) { 

    casper.start("https://web.witkit.com/#"); 

    casper.then(function(test) { 
     routine.login('*******@witkit.com', '*******', test); 
    }) 

    .wait(3000, function(){ 
     test.assertUrlMatch(this.getCurrentUrl(), 'https://web.witkit.com/#kit/176637403872624641'); 
    }) //this passes 

    casper.wait(10000, function(){ 
     this.withFrame(0, function() { 
      this.echo(this.getHTML()); // this shows login page html 
     }); 
    }) 

    .waitForSelector('.wkKitTitle', function() { 
     // this will never show 
    }) 

    .run(function() { 
     test.done(); 
    }); 

}); 

Answer 1

Основная проблема заключается в том, что ваш iframe#Content еще не в DOM, когда вы выполняете вход, по какой-то причине потребуется некоторое время для загрузки.

Чтобы решить эту проблему, вы должны дождаться этого iframe#Content (с таймаутом 20-х годов) перед выполнением логина, а также перед показом страницы входа html. Кстати, я также предпочитаю использовать iframe id как первый параметр при вызове this.withFrame вместо индекса для удобочитаемости и допуска к изменениям на странице.

Я внесла изменения в свой код и протестировал его. Кажется, что работает сейчас:

var routine = { 
    login: function(email, pass, test) { 
     casper.then(function() { 
      this.withFrame("Content", function() { 
       this.waitUntilVisible('form#login-form', function() { 
        this.fill('form#login-form', { 
         email: email, 
         password: pass 
        }, false); 
       }); 
      }); 
     }); 
     casper.then(function(){ 
      casper.withFrame("Content", function() { 
       this.click("#modalButtonLogin"); 
      }); 
     }); 
    } 
}; 



casper.test.begin('Logs in', function(test) { 

    casper.start("https://web.witkit.com/#"); 

    casper.waitForSelector('iframe#Content', function(test) { 
     routine.login('*******@witkit.com', '*******', test); 
    }, function onTimeout(){}, 20000) 

    .wait(3000, function(){ 
     test.assertUrlMatch(this.getCurrentUrl(), 'https://web.witkit.com/#kit/176637403872624641'); 
    }) //this passes 

    casper.waitForSelector('iframe#Content', function(test) { 
     this.withFrame('Content', function() { 
      this.echo(this.getHTML()); // this shows login page html 
     }); 
    }, function onTimeout(){}, 20000) 

    .waitForSelector('.wkKitTitle', function() { 
     // this will never show 
    }) 

    .run(function() { 
     test.done(); 
    }); 

});