Develop Reference

Playwright: .toBeVisible() timeout is ignored

I faced an unclear behavior in the Playwright 1.18 toBeVisible() expectation.
Here is the test row:
await expect(this.page.locator('.top-row .close i')).toBeVisible({timeout: 2000 })
And if the element is not visible, it hangs forever.
If I jump into the toBeTruthy.js -> toBeTruthy code, I see that the timeout is calculated to 0 despite the received options:
And for some reason, there is the current timeout from _toMatchText matcher used. Is this a bug or I'm doing somethin wrong?
Package.json:
"devDependencies": {
"#playwright/test": "^1.18",
"allure-commandline": "^2.17.2",
"allure-playwright": "^2.0.0-beta.14",
"rimraf": "3.0.2"
}
Playwright config:
import { PlaywrightTestConfig, devices } from '#playwright/test';
const config: PlaywrightTestConfig = {
testDir: './spec',
timeout: 10 * 1000,
expect: {
timeout: 3 * 1000
},
forbidOnly: !!process.env.CI,
retries: process.env.CI ? 2 : 0,
workers: process.env.CI ? 5 : 1,
reporter: [
['line'],
['json', { outputFile: './test-results/results.json' }],
['./util/test-start-stop-reporter.ts'],
['allure-playwright']
],
use: {
baseURL: 'http://localhost:8080',
screenshot: 'only-on-failure',
channel: 'chrome', //https://playwright.dev/docs/browsers#chromium
headless: false,
viewport: { width: 1820, height: 950 },
ignoreHTTPSErrors: true,
video: 'retain-on-failure',
actionTimeout: 5 * 1000,
navigationTimeout: 30 * 1000,
launchOptions: {
args: ['--window-position=1980,10'],
devtools: process.env.PWDEBUG ? true : false,
},
},
projects: [
{
name: 'Google Chrome',
use: {
channel: 'chrome',
},
},
],
outputDir: 'test-results/',
};
export default config;

Wrong wdio.webapp.conf.js config or chrome driver issue - automated test do not start

For some reason I cannot start my tests written using WebdriverIO together with Mocha + Chai testing frameworks. When I run yarn start command to start them I get such an output with every test:
Execution of 31 spec files started at 2021-07-22T13:36:42.326Z
[0-0] RUNNING in chrome - C:\Users\ADOMAS-PC\Desktop\Automation Projects\driveweb\test\e2e\specs\e2e\cancelDownload.spec.js
[0-0] Error: Failed to create session.
Unable to create session from {
"desiredCapabilities": {
"browserName": "chrome",
"goog:chromeOptions": {
"binary": "C:\u002f\u002fProgram Files\u002f\u002fGoogle\u002f\u002fChrome\u002f\u002fApplication\u002f\u002fchrome.exe",
"prefs": {
"directory_upgrade": true,
"prompt_for_download": false,
"download.default_directory": "C:\\Users\\ADOMAS-PC\\Desktop\\Automation Projects\\driveweb\\test\\data\\downloads",
"download.prompt_for_download": false,
"profile.default_content_setting_values.automatic_downloads": 1
},
"args": [
"--headless",
"--no-sandbox",
"--incognito",
"--disable-gpu",
"--window-size=1600,1000"
]
}
},
"capabilities": {
"firstMatch": [
{
"browserName": "chrome",
"goog:chromeOptions": {
"binary": "C:\u002f\u002fProgram Files\u002f\u002fGoogle\u002f\u002fChrome\u002f\u002fApplication\u002f\u002fchrome.exe",
"prefs": {
"directory_upgrade": true,
"prompt_for_download": false,
"download.default_directory": "C:\\Users\\ADOMAS-PC\\Desktop\\Automation Projects\\driveweb\\test\\data\\downloads",
"download.prompt_for_download": false,
"profile.default_content_setting_values.automatic_downloads": 1
},
"args": [
"--headless",
"--no-sandbox",
"--incognito",
"--disable-gpu",
"--window-size=1600,1000"
]
}
}
]
}
}
Build info: version: '3.141.5', revision: 'd54ebd709a', time: '2018-11-06T11:58:47'
System info: host: 'DESKTOP-AK6OAUH', ip: '10.18.0.3', os.name: 'Windows 10', os.arch: 'amd64', os.version: '10.0', java.version: '16.0.1'
Driver info: driver.version: unknown
This is how wdio.webapp.conf.js looks like:
const { createDir, removeDirContents } = require('./test/e2e/helpers/folderHelper');
const { populateData } = require('./test/e2e/helpers/apiHelper');
const { TimelineService } = require('wdio-timeline-reporter/timeline-service');
var mkdirp = require('mkdirp');
const path = require('path');
global.downloadDir = path.join(process.cwd(), 'test/data/downloads');
global.uploadDir = path.join(process.cwd(), 'test/data/uploads');
global.uploadPermDir = path.join(process.cwd(), 'test/data/uploadsPerm');
global.baseUrl = 'https://drive.automation.com/';
exports.config = {
hostname: 'automation-selenium',
port: 4444,
path: '/wd/hub',
specs: [
'./test/e2e/specs/e2e/**/*.spec.js',
'./test/e2e/specs/pages/*.spec.js'
],
maxInstances: 1,
capabilities: [
{
maxInstances: 1,
browserName: 'chrome',
'goog:chromeOptions': {
binary: "C://Program Files//Google//Chrome//Application//chrome.exe",
prefs: {
directory_upgrade: true,
prompt_for_download: false,
'download.default_directory': global.downloadDir,
'download.prompt_for_download': false,
'profile.default_content_setting_values.automatic_downloads': 1
},
args: [
'--headless',
'--no-sandbox',
'--incognito',
'--disable-gpu',
'--window-size=1600,1000']
}
}
],
logLevel: 'debug',
outputDir: './reports/output',
bail: 0,
baseUrl: global.baseUrl,
waitforTimeout: 50000,
connectionRetryTimeout: 60000,
connectionRetryCount: 3,
framework: 'mocha',
mochaOpts: {
ui: 'bdd',
compilers: ['js:#babel/register'],
timeout: 60000,
retries: 1
},
reporters: [
'spec',
[
'allure',
{
outputDir: './reports/allure-results/',
disableWebdriverStepsReporting: true,
disableWebdriverScreenshotsReporting: false
}
]
],
onPrepare: async function(config, capabilities) {
global.baseUrl = config.baseUrl;
createDir(global.downloadDir);
createDir(global.uploadDir);
if (!global.baseUrl.includes('automation.com')) {
await populateData(config.baseUrl);
}
},
afterTest: async function (test, context, { error, result, duration, passed, retries }) {
if (!passed) {
const current_datetime = new Date();
const time = current_datetime.getHours() + "h-" + current_datetime.getMinutes() + "m-" + current_datetime.getSeconds() + "s";
const screenshotDir = path.join(process.cwd(), `screenshots`);
await mkdirp(screenshotDir);
const filename = test.title.replace(/\s+/g, '-');
const screenshotImg = `${screenshotDir}/${time}-${filename}.png`;
browser.saveScreenshot(screenshotImg);
}
},
onComplete: function() {
removeDirContents(global.downloadDir);
removeDirContents(global.uploadDir);
}
};
What I already tried?
Reinstalling chrome browser on my PC.
Installing/reinstalling various libraries like wdio, selenium-standalone and etc.
Run tests from CMD using administrator mode.
Setting binary value to C://Program Files//Google//Chrome//Application//chromedriver.exe
Downgrading node to 12.8.1 version
What else can I try to make them work?

yarn add #wdio/selenium-standalone-service
was a solution to this problem.

protractor-jasmine2-screenshot-reporter blank screenshot

Protractor config file have 2 reporting custom report for logging and other one is protractor-
jasmine2-screenshot-reporter. Screenshot png is generate but blank white screen only dispalyed.
Below code for conf.js.
let HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');
let DateFormat = require('../utils/date-format').DateFormat;
let ReportGenerator = require('../utils/customReport').ReportGenerator;
let reportGenerator = new ReportGenerator({
dest: '/../reports/',
filename: 'CoHubReport',
reportTitle: 'CoHub Automation Suite',
cssPath: './../utils/reportUtil/customReport-styles.css',
jsPath: './../utils/reportUtil/reportUtil.js'
});
let reporter = new HtmlScreenshotReporter({
showConfiguration: false,
captureOnlyFailedSpecs: false,
takeScreenshots: true,
userCss: './../../utils/report-styles.css',
dest: './../reports',
filename: 'CoHub_Report_' + DateFormat(new Date(), "yyyymmdd") + '.html',
reportTitle: "Co Hub Report :" + DateFormat(new Date(), "mm-dd-yyyy HH:MM"),
cleanDestination: false,
consolidateAll: false
});
exports.config = {
directConnect: true,
seleniumAddress: 'http://localhost:4444/wd/hub',
// sauceUser: "0000",
// sauceKey: "00000",
restartBrowserBetweenTests: true,
getPageTimeout: 80000,
allScriptsTimeout: 50000000,
specs: [
'./pagecheck/settings/configavo-spec.js',
// './pagecheck/ant/antent-spec.js',
],
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 50000000,
isVerbose: true
},
multiCapabilities: [
{
browserName: 'chrome',
version: 'latest',
platform: 'Windows 10',
name: "chrome-tests",
shardTestFiles: true,
sequential: true,
maxInstances: 3
}
],
framework: 'jasmine2',
beforeLaunch: function () {
return new Promise(function (resolve) {
reporter.beforeLaunch(resolve);
});
},
onPrepare: function () {
browser.driver.manage().window().maximize();
jasmine.getEnv().addReporter(reporter);
beforeEach(function () {
reportGenerator.initiate();
});
afterEach(function () {
reportGenerator.finalize();
});
},
afterLaunch: function (exitCode) {
return new Promise(function (resolve) {
reporter.afterLaunch(resolve.bind(this, exitCode));
});
}
};
Also, can require screenshot to be attached to html report. we have limitation to use other reporting within the project, please dont recommend other reporting to use.

try
exports.config {
...
noGlobals: false,
...
}
Setting it to false allow to use default globals: 'protractor', 'browser', '$', '$$', 'element', 'by'. These also exist as properties of the protractor namespace: 'protractor.browser', 'protractor.$', 'protractor.$$', 'protractor.element', 'protractor.by', and 'protractor.By'.
When no globals is set to true, the only available global variable will be 'protractor' link

Getting error 'cannot call non w3c standard command while in w3c mode'

I've been trying to browser.actions().mouseMove(element(by.xpath('some_xpath'))).perform with protractor to move mouse to the element on page. And geted error when run test on CI\CD. Locally it works fine.
Chrome version 80
chromedriver version 80
here my protractor.config file where i turn w3c to false
multiCapabilities: [{
browserName: 'chrome',
platform: 'ANY',
version: 'ANY',
//Disable or Enable multiCapabilities
shardTestFiles: true,
maxInstances: 8,
// maxSession: 10,
splitTestsBetweenCapabilities: true,
chromeOptions: {
w3c: false,
args: [
'incognito',
'disable-extensions',
'disable-infobars',
// "--headless",
// "--no-sandbox",
"--disable-gpu",
"--window-size=1920,1080",
'show-fps-counter=true',
// '--use-fake-device-for-media-stream',
// '--use-fake-ui-for-media-stream'
"--auto-select-desktop-capture-source=Entire screen",
"--aggressive-cache-discard",
"--disable-cache",
"--disk-cache-size=0"
],
prefs: {
download: {
prompt_for_download: false,
directory_upgrade: true,
default_directory: downloadsPath
}
}
}
}],

nightwatch: distribute test with specific firefox profile

Here is my problem: I want be abble to set firefox in specific language to run our e2e tests, and be abble to distribute them.
all verions:
Mozilla Firefox 53.0.3
Selenium 3.4.0 (from npm)
geckodriver 0.17.0 (from npm)
nightwatch.conf.js:
const seleniumServer = require('selenium-server');
module.exports = {
"src_folders": [
"test/functional/features"
],
"custom_commands_path": [
"test/functional/commands/commun",
"test/functional/commands/project"
],
"output_folder": false,
"selenium": {
"start_process": true,
"server_path": seleniumServer.path,
"port": 4444,
"cli_args": {
"webdriver.gecko.driver": "./node_modules/.bin/geckodriver"
}
},
"test_settings": {
"default": {
"selenium_port": 4444,
"selenium_host": "localhost",
"silent": true,
"screenshots": {
"enabled": false
},
"detailed_output": false,
"desiredCapabilities": {
"javascriptEnabled": true,
"acceptSslCerts": true,
"marionette": true,
"browserName": "firefox"
}
}
}
};
In general I tryed two way:
dynamically create a firefox profile, and use it.
In theorie, I can use a before(Each) and use firefox-profile. In practice it create my profile but doesn't use it.
const FirefoxProfile = require('firefox-profile');
function setProfile(browser, profile, callback) {
profile.encoded(function (encodedProfile) {
browser.options.desiredCapabilities['firefox_profile'] = encodedProfile;
callback();
});
}
function setPrefToFrench(browser, done) {
var FFprofile = new FirefoxProfile();
FFprofile.setPreference('general.useragent.locale', 'fr');
FFprofile.setPreference('intl.accept_languages', 'fr');
setProfile(browser, FFprofile, done);
}
module.exports = {
'default' : {
isLocal : true
},
beforeEach: function(browser, done) {
setPrefToFrench(browser, done);
done();
}
};
Save a profile (why not ziped) and include it in project
The same, in theorie, i just have to add it on the nightwatch.conf.js
"selenium": {
"start_process": true,
"server_path": seleniumServer.path,
"port": 4444,
"cli_args": {
"webdriver.gecko.driver": "./node_modules/.bin/geckodriver",
"webdriver.firefox.profile": "path/to/my/profile(or base64 zip)"
}
},
But all time the same, my firefox is still in english.
Does anyone whould have a solution, or maybe I made something wrong?