Another Questions that popped up: Is there any way to mock out external url calls in playwright?
We do this for the Server already whenever we hit an external api, but i'm thinking of doing this for playwright too. We currently have problems with images hosted on YouTube Servers which seem to be rate limited.
If I execute tests in our test environment with the same image too often, the image won't show up. This fails if the tests are executed one after another too fast, since the images are missing.
The easiest way would record this "external" calls and store the response, so that when replaying the tests the images would show up.
6 replies
playwright-video+`@ffmpeg/instller` package should just work out of the box with the playwright docker image?
I have this url view-source:http://boligmesse.mkstg.com/nb/messe/boligmesse-haugesund-2020/tickets-qr-preload/moka/?email=nico@moka.tv when its compiled JS complete the src of two <img> #image_target and #image_qr if you navigate http://boligmesse.mkstg.com/nb/messe/boligmesse-haugesund-2020/tickets-qr-preload/moka/?email=nico@moka.tv you can see what I talk about....
My code:
test("ticketsGeneration", async () => {
const messagesResult = [];
let errCount = 0;
try {
await page.goto(process.env.QAW_URL);
const imageUrl = await page.$eval('//img[@id="image_ticket"]', img => img.src);
//console.log(imageUrl);
//const pepe = await page.goto(imageUrl);
messagesResult.push({msg:"Success", status: "Success", err: "Nop"});
} catch (error) {
messagesResult.push({ msg:"Test Fail", status:"Error", err: error.message });
errCount++;
}
fs.writeFile('logs/ticketsGeneration.json', JSON.stringify(messagesResult, null, 2), function (err) {
if (err) throw err;
});
expect(errCount).toEqual(0);
});
This is the script:
jQuery(document).ready(function(){
$.get( 'http://boligmesse.mkstg.com/nb/messe/boligmesse-haugesund-2020/tickets-qr/moka/?email=nico@moka.tv', function( data ) {
var info = JSON.parse(data);
jQuery('#image_ticket').attr('src',info.image);
var typeNumber = 0;
var errorCorrectionLevel = 'M';
var qr = qrcode(typeNumber, errorCorrectionLevel);
if('0' == '1'){
qr.addData('This is a demo==================');
}else{
qr.addData(info.text_qr);
}
qr.make();
document.getElementById('image_qr').src = qr.createDataURL(10,0);
jQuery("#loader").hide();
jQuery("#ticketImage").show();
jQuery('#image_qr').show();
});
});page.waitForFunction to wait for something that is not ready yet https://playwright.dev/#version=v1.3.0&path=docs%2Fapi.md&q=pagewaitforfunctionpagefunction-arg-options
await page.waitForFunction(() => {
const element = document.querySelector("image_qr");
return element && element.src;
});
@Vesnushki Hi, I haven't used the assertions yet, but the documentation says to use qawolf.assertElementText
const qawolf = require('qawolf');
// ...
qawolf.assertElementText(page, '#container', 'hello');https://docs.qawolf.com/docs/api/qawolf/assert_element_text#examples
1 reply
@jperl Kinda had an idea right now: I usually run tests multiple times after creation to check for flakyness.
It's a bit bothersome to run the command 3 times, is there a good way to rerun tests in Jest without invoking it via the cli?
I didn't find anything for Jest, however with a little bash magic it should work: https://serverfault.com/a/273241
Not sure if that's the best way though.
Hi guys I just installed QA wolf and I have this message
npx jest --config="node_modules/qawolf/js-jest.config.json" --rootDir=.qawolf --testTimeout=60000 myTest
FAIL .qawolf/myTest.test.js
● Test suite failed to run
TypeError: Cannot read property 'close' of undefined
13 | afterAll(async () => {
14 | await qawolf.stopVideos();
> 15 | await browser.close();
| ^
16 | });
17 |
18 | test("myTest", async () => {
at Object.<anonymous> (myTest.test.js:15:17)
Test Suites: 1 failed, 1 total
Tests: 0 total
Snapshots: 0 total
Time: 1.185 sThe test is the one of the tutorial
const qawolf = require("qawolf");
let browser;
let page;
beforeAll(async () => {
browser = await qawolf.launch();
const context = await browser.newContext();
await qawolf.register(context);
page = await context.newPage();
});
afterAll(async () => {
await qawolf.stopVideos();
await browser.close();
});
test("myTest", async () => {
await page.goto("http://todomvc.com/examples/react");
await qawolf.create();
});Any clue?
16 replies
innerText method: https://playwright.dev/#version=v1.3.0&path=docs%2Fapi.md&q=pageinnertextselector-options
25 replies
const myText = await page.innerText('#mySelector')