@flaurida Thank you for the prompt response. It works. I have a rather beginner question since I'm new to JavaScript. I am not able to import modules. Keep getting an error "Import statements cannot be outside a module". Online solutions suggest adding "type" = "module" to the <script> tag. But, I'm not using and <script> tags, I'm simply writing code for test automation and not using any html body. I hope my question makes some sense. Thank you!
@Vesnushki can you try this?
const searchValue = await page.$eval('#search', el => el.value);
Make sure to replace the selector, like so:
const searchValue = await page.$eval('[name="searchTxt"]', el => el.value);
2 replies
ie
qawolf.launch({ args: ['--start-fullscreen'] });
19 replies
I'd use the
getComputedStyle API here https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
ie something like
const color = await page.evaluate(() => {
const videoIcon = document.querySelector( '//span[text()=\'videocam\']');
const videoIconStyles = window.getComputedStyle(videoIcon);
return videoIconStyles.getPropertyValue('color');
});
Note that it may look slightly different for you -
color in CSS means font color, which may not be what you want. It may be background-color, fill, or stroke.
page.evaluate: Evaluation failed: TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
at eval (playwright_evaluation_script517:3:40)
at UtilityScript.callFunction (playwright_evaluation_script462:305:24)
at UtilityScript.<anonymous> (playwright_evaluation_script518:1:44) Getting this @flaurida
at eval (playwright_evaluation_script517:3:40)
at UtilityScript.callFunction (playwright_evaluation_script462:305:24)
at UtilityScript.<anonymous> (playwright_evaluation_script518:1:44) Getting this @flaurida
From the error message it looks like
videoIcon is not an element, so perhaps document.querySelector is returning null here if the element is not found
sync function getAVtestIconColour(page) {
const videoIconColor = await page.evaluate(() => {
const videoIcon = document.evaluate('//span[text()=\'videocam\']/parent::div', document, null, XPathResult.ANY_TYPE, null).iterateNext();
const videoIconStyles = window.getComputedStyle(videoIcon);
return videoIconStyles.getPropertyValue('background-color');
});
const videoIconColor = await page.evaluate(() => {
const videoIcon = document.evaluate('//span[text()=\'videocam\']/parent::div', document, null, XPathResult.ANY_TYPE, null).iterateNext();
const videoIconStyles = window.getComputedStyle(videoIcon);
return videoIconStyles.getPropertyValue('background-color');
});
Hi All, Is there way to check button is enabled or disabled in playwright?, I am using following code , But It is not working
async function isStickerButtonDisabled(page) {
const stickerButtonStateValue = await page.evaluate(() => {
const stickerButton = document.querySelector('button[data-heap-id="userMenuToggleSticker"]');
const stickerButtonState = window.getComputedStyle(stickerButton);
return stickerButtonState.getPropertyValue('disabled');
});
console.log('button state is' + stickerButtonStateValue);
}
async function isStickerButtonDisabled(page) {
const stickerButtonStateValue = await page.evaluate(() => {
const stickerButton = document.querySelector('button[data-heap-id="userMenuToggleSticker"]');
const stickerButtonState = window.getComputedStyle(stickerButton);
return stickerButtonState.getPropertyValue('disabled');
});
console.log('button state is' + stickerButtonStateValue);
}
@flaurida @jperl can you guys help me?
async function isStickerButtonDisabled(page) {
const stickerButtonState = await page.evaluate(() => {
const stickerButton = document.querySelector('button[data-heap-id="userMenuToggleSticker"]');
return stickerButton.disabled
});
return stickerButtonState;
}
const stickerButtonState = await page.evaluate(() => {
const stickerButton = document.querySelector('button[data-heap-id="userMenuToggleSticker"]');
return stickerButton.disabled
});
return stickerButtonState;
}
Hey i just started using qawolf. I have a scenario where I'm trying to generate screenshots on different browsers and using this command "npx qawolf test --all-browsers <filrname>". Is there away qawolf can tell me which browser instance its currently running the tests on?
1 reply
Hi All,
Is there any way to check element not present in playwright?, Currently I am using following code, But it is not working.
async function isFloatingVideoNotPresent(page) {
await page.mainFrame().waitForSelector(floatingVideoSelector);
if (await page.$$(floatingVideoSelector).length === 0) {
return true;
}
else {
return false;
}
} @flaurida @jperl
Is there any way to check element not present in playwright?, Currently I am using following code, But it is not working.
async function isFloatingVideoNotPresent(page) {
await page.mainFrame().waitForSelector(floatingVideoSelector);
if (await page.$$(floatingVideoSelector).length === 0) {
return true;
}
else {
return false;
}
} @flaurida @jperl
2 replies
Maybe I need to update playwright.
Hi All, How to get value of input tag in playwright?
const searchValue = await page.$eval('#myId', el => el.value);
Is anyone experiencing empty videos and no logs in the artifact directories? Upon a test run, the directories are made for each test and I get a video file, but the video is blank and there are no logs. Here is my execution command
QAW_ARTIFACT_PATH=/tmp/testArtifacts/ DEBUG=pw:api BASE_URL=<my_url> yarn qawolf test absoluteDaysSaveCorrectly
4 replies