angular/protractor

E2E test framework for Angular apps

Uday Musunuri

@Udaymusunuri

how can i read the params defined in protractor config js file

Juani-Canete

@Juani-Canete

Hello, I'm having troubles to get working my testing environment in Gitlab CI.
I using a kubernetes runner to run a job with my E2E test.

I've working this with chrome, but I having issues with Firefox. And we are trying to use multicapabilities just to run both browser (Chrome, Firefox). So I'm trying to get running in pipepeline boths. But I even can run only firefox.

This is one of the errors that I'm having:

[19:41:46] D/launcher - Running with --troubleshoot
[19:41:46] D/launcher - Protractor version: 5.4.2
[19:41:46] D/launcher - Your base url for tests is URL
[19:41:46] D/plugins - Plugin "protractor-image-comparison" loaded.
[19:41:46] I/launcher - Running 1 instances of WebDriver
[19:41:46] D/local - Attempting to find the SeleniumServerJar in the default location used by webdriver-manager
[19:41:46] D/local - Attempting to find the gecko driver binary in the default location used by webdriver-manager
[19:41:46] I/local - Starting selenium standalone server...
[19:41:47] I/local - Selenium standalone server started at http://10.36.0.4:345234/wd/hub
[19:41:51] E/runner - Unable to start a WebDriver session.
[19:41:51] E/launcher - Error: WebDriverError: newSession
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'runner-zxqbkdf4-project-62-concurrent-0jd9zn', ip: '10.36.0.5', os.name: 'Linux', os.arch: 'amd64', os.version: '4.14.138+', java.version: '1.8.0_232'
Driver info: driver.version: unknown
remote stacktrace: stack backtrace:
   0:           0x57af6d - backtrace::backtrace::trace::h59229d13f6a8837d
   1:           0x57b0c2 - backtrace::capture::Backtrace::new::h23089c033eded8f0
   2:           0x4472fc - webdriver::error::WebDriverError::new::h0b226f62ff19e120
   3:           0x455bb8 - geckodriver::marionette::MarionetteSession::response::hcd41032e9ef5a928
   4:           0x46ace4 - geckodriver::marionette::MarionetteConnection::send_command::hd7b113ec7d281909
   5:           0x426e5f - <webdriver::server::Dispatcher<T, U>>::run::h62323eaff3e71b8c
   6:           0x40935c - std::panicking::try::do_call::hb7e6ff6d130a72cf
   7:           0x5de23a - panic_unwind::__rust_maybe_catch_panic
                        at /checkout/src/libpanic_unwind/lib.rs:98
   8:           0x41c003 - <F as alloc::boxed::FnBox<A>>::call_box::hd6ceeda495c4fa0e
   9:           0x5d68d4 - alloc::boxed::{{impl}}::call_once<(),()>
                        at /checkout/src/liballoc/boxed.rs:650
                         - std::sys_common::thread::start_thread
                        at /checkout/src/libstd/sys_common/thread.rs:21
                         - std::sys::imp::thread::{{impl}}::new::thread_start
                        at /checkout/src/libstd/sys/unix/thread.rs:84
    at Object.checkLegacyResponse (/builds/automation/bender/node_modules/selenium-webdriver/lib/error.js:546:15)
    at parseHttpResponse (/builds/automation/bender/node_modules/selenium-webdriver/lib/http.js:509:13)
    at /builds/automation/bender/node_modules/selenium-webdriver/lib/http.js:441:30
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
[19:41:51] E/launcher - Process exited with error code 100

how can i read the params defined in protractor config js file

Could share how are you declaring protractor params?

Jonathan Johnson

@jonathan-fw

@yenilmez_gitlab I know custom stuff works well with by.css. I'm unclear if it works for by.xpath

Edwin Rifa

@EdwinSilvaDK

I have this test in Protractor:
My po.ts file

  async enterPincode(pincode) {
    element(by.id('mat-input-0')).sendKeys(pincode);
    const enterbtn = element(by.id('joinCompetition'));
    const res = await browser.waitForAngular();
    return enterbtn.click();
  }

  async welcomeModalOpen() {

    const previewModal = element(by.id('mat-dialog-1'));

    console.log('welcomeModalOpen Start Time: ', Date.now());
    try {
      const res = await previewModal.isPresent();
      return true;
    } catch (err) {
      return false;
    }

My e2e-spec.ts file

it('Should open preview-modal if a valid pincode is entered in the welcome modal', async () => {
    console.log(2)

    const valiePin = '144458';

    await homePage.enterPincode(valiePin);
    await expect(homePage.welcomeModalOpen()).toBeTruthy();

  }, MAX_SAFE_TIMEOUT);

My protractor.conf.js file

// @ts-check
// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts

const { SpecReporter } = require("jasmine-spec-reporter");

/**
 * @type { import("protractor").Config }
 */
exports.config = {
  //allScriptsTimeout: 11000,
  specs: ["./src/**/*.e2e-spec.ts"],
  capabilities: {
    browserName: "chrome",
    chromeOptions: {}
  },
  directConnect: true,
  baseUrl: "http://localhost:4200/",

  seleniumAddress: "http://localhost:4444/wd/hub/",
  framework: "jasmine2",
  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 30000,
    print: function() {}
  },
  onPrepare() {
    require("ts-node").register({
      project: require("path").join(__dirname, "./tsconfig.json")
    });
    jasmine.getEnv().randomizeTests(true);
    jasmine.getEnv().addReporter(
      new SpecReporter({
        spec: {
          displayStacktrace: true,
          displayErrorMessages: true,
          displayDuration: true,
          displayFailed: true,
          displaySuccessful: true,
          displayPending: true
        }
      })
    );
  }
};

I keep geeting a ScriptTimeoutError: script timeout

Can someone give my an ideer of what I´m doing wrong :-)

GoWin

@govindthakur25

@EdwinSilvaDK
Did you try using expect(await homePage.welcomeModalOpen()).toBeTruthy();
instead of await expect(homePage.welcomeModalOpen()).toBeTruthy();

Juani-Canete

@Juani-Canete

Hello there!
Someone knows which is the difference between run tests using:

directConnect: True/False

And

seleniumAddress: http://blabla.bla

And

Using no one, that's my case.

I guess I'm using a default case, but I'm not clear about what is the default one.
I was reading some forums, And the doubt come to me, because at the moment, I'm not using neither config (directConnect nor seleniumAddress)

I read that using directConnect only works with Firefox and Chrome, and it will run against the local browser installation. And the selenium server it's like a Selenium Grid, is that information correct?

Konstantin Bläsi

@konstantinblaesi

is it possible to tell chrome to not use client certificates that are installed on the machine running the tests? I want it to behave as if they didn't exist

Miguelvidal205

@Miguelvidal205

It`s been a while since the last update for 6.0 version and looks like repo is dead now with lots of open PRs((
I use protractor on several projects and really interested in migrating to 6.0, but unable to do it due to several issues. Few months ago I already submitted PR to fix several issues. It successfully was merged, but still, the new version has not been published yet.
Do you need help with the maintenance of this project, and in general, will it be supported in the future?

Hi guys, is there any new news?

bhavika

@bhavika82933201_twitter

I am facing one issue in protractor with angular 7(e2e). I am not able to open the app on IE.

I have version :-
protractor 5.4.2

webdriver-manager version is 12.1.7

steps to run our app on IE:-

run webdriver-manager update --ie
IEdriverserver.exe is 3.150.1 ,
standalone service is 3.14.59 jar
geckodriver-v0.26.0.exe
chromedriver_79.0.3945.36.zip
2 run webdriver-manager start --ie

open the another terminal and run ng e2e
the error was :-
Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/
i ｢wdm｣: Compiled successfully.
[12:05:28] I/launcher - Running 1 instances of WebDriver
[12:05:28] I/local - Starting selenium standalone server...
[12:05:29] I/local - Selenium standalone server started at http://10.154.204.250:52076/wd/hub
[12:05:29] E/launcher - Unable to create new service: InternetExplorerDriverService
os.name: 'Windows 10', os.arch: 'amd64', os.version: '10.0', java.version: '1.8.0_201'
Driver info: driver.version: unknown
[12:05:29] E/launcher - SessionNotCreatedError: Unable to create new service: InternetExplorerDriverService

can you help me why I am receiving this error and how I can fix this?

yagizcan

@yenilmez_gitlab

Hi all, is there anyone facing this error when running the tests on CI runner :
" (unknown error: DevToolsActivePort file doesn't exist)"

Luke

@luker2

@konstantinblaesi maybe

exports.config = {
  capabilities: {
    acceptInsecureCerts: true
  }
};

Luke

@luker2

@yenilmez_gitlab https://stackoverflow.com/questions/50642308/webdriverexception-unknown-error-devtoolsactiveport-file-doesnt-exist-while-t

Try some of those answers. If I remember correctly, I think I actually fixed this by temporarily disabling my anti-virus software

IgorSasovets

@IgorSasovets

@Juani-Canete , if you're using directConnect, then protractor will automatically start new browser instance for the tests. If you declared seleniumAddress, protractor will use existing driver session

Juani-Canete

@Juani-Canete

@IgorSasovets Thanks for response that!

Gökhan Öner

@gokhanoner

Hi all, trying AWS DeviceFarm Browser Test. when calling from Selenium Java, I can start a session, but not from Protractor. What I realized is that Selenium Java sends W3C compatible request, like this:

{
  "desiredCapabilities": {
    "browserName": "chrome"
  },
  "capabilities": {
    "firstMatch": [
      {
        "browserName": "chrome"
      }
    ]
  }
}

is it possible to achieve same in Protractor 5.4.2 ??

the capabilities key is missing in the Protractor request

rizlajf

@rizlajf

Hi All,
I want to validate css color change in my e2e using protractor. I can see the color is changed in DB, but it is not reflecting in the UI, I tried to clear the cache using browser.actions().keyDown(protractor.Key.CONTROL).sendKeys(protractor.Key.F5).perform(); but still it is not bringing up the changes. How can I achieve this?

Avik Hazra

@avikhazra

is there any way to run protractor in two browser but different test cases (like thread type concept) . I m using protractor + cucumber

Another question if we run protractor test cases in diff break point what needs to be change in code (not in cong.js)

Vivek krishna Varma

@vkvarma

Any idea how we can identify based on some simple criteria(element attr, some meta info etc that need to be generic ) the hosted/deployed/running web-app is made of using react.
By looking / inspect / analyze we can say that the application running based on react application partially or fully.
e.g. like every angular app is identified using ng-version attribute ?

Vivek krishna Varma

@vkvarma

one way i found window.REACT_DEVTOOLS_APPEND_COMPONENT_STACK var . looks like this is available only in case of react apps is this the good criteria ?

Craig Nishina

@cnishina

Hi it's been a while since I logged into Gitter

Just wanted to say hi. I will have

Luke

@luker2

Hi @cnishina :) As you're most likely aware - a lot of the questions I see lately are wondering about the future of protractor (maintainers, v6, jasmine3, etc). Any updates on your end? Or is there a good thread to follow? Thanks!!

Craig Nishina

@cnishina

Yup sorry I went on an airplane.

We also are trying to figure that out with the angular team.

We will keep everyone posted

Alright well I need to catch another flight soon. Happy testing.

bhavika

@bhavika82933201_twitter

IE browser is not working with protractor e2e

Bastien Michaux Bellomo

@bmchx_gitlab

I get this error when compiling my TypeScript. I followed the repo's Typescript example, but to no avail. What is going wrong ?

node_modules/protractor/built/index.d.ts:5:10 - error TS2440: Import declaration conflicts with local declaration of 'PluginConfig'.

5 import { PluginConfig, ProtractorPlugin } from './plugins';
           ~~~~~~~~~~~~

node_modules/protractor/built/index.d.ts:5:24 - error TS2440: Import declaration conflicts with local declaration of 'ProtractorPlugin'.

5 import { PluginConfig, ProtractorPlugin } from './plugins';
                         ~~~~~~~~~~~~~~~~

Trabu

@trabuch21_twitter

Hi guys, I don't know if anyone can help me, I want to run protractor against differents browser but I want to send the browser by command line, I can't find documentation or examples about that can you help me?

Bastien Michaux Bellomo

@bmchx_gitlab

Regarding my previous post, this is caused by a breaking TypeScript change, fix your project by compiling TS using npx tsc and downgrading your TS version to ~3.6

mort2007

@mort2007_twitter

Hi All, anyone able to point me at some documentation that works for a JS project that calls protractor and cucumber. We have been using allure but can't seem to get it top output to allure.

manpreets11

@manpreets11

Hi @mourasman / @All , It would be very grateful if you help me in this

//===================================================================================================
// Every test case structure

describe("Login Suite", () => {
beforeEach(async function () {

//browser instance initialization & application navigation is happening here

})

it('Test case name', async function () {
    try {

    // Include test steps        

    } catch (e) {
        browser.logger.info("Test SWM-2019065 failed with exception: " + e)
        expect(true).toBe(false, e)
    }
})

afterEach(async function () {
    //await browser.restart();
or
//await browser.close();

})

})

//===================================================================================================

//Programming language used is javascript (promises flow disabled) : using async await to disable the asynchronous nature of javascript

My evrery test case in test suite has strcuture like above. Now, How can i want every test case belonging to test suite to be run in a sequence following the trend like

Opening of browser instance for a first test case & running the whole test case which is happening
then closing the above instance of first test case irrespective of the failure/success run.
Now opening the new browser instance for 2nd test case-->>running whole test case--->>closing the browser instance of this particular test case--->>
Now opening the new browser instance for 3rd test case-->>running whole test case--->>closing the browser instance of this particular test case--->>

Is this advisable to run the test suite in this way ? If yes, then how should i manage with the commands like browser.close() or whatever your approach is. I have tried this but getting such errors like "AfterAll Failed: invalid session id" . Kindly provide your inputs.

manpreets11

@manpreets11

Does anybody have knowledge about this ???????????????????????

Bmoe

@bmoes-coderoom

Hi all setting up Protractor for first time with an AngularJS app

I get following StackTrace when running

E:\DemoApp>protractor test/protractor.conf.js

[16:36:25] I/launcher - Running 1 instances of WebDriver
[16:36:25] I/hosted - Using the selenium server at http://localhost:4444/wd/hub
[16:36:45] E/launcher - Timed out waiting for driver server to start.
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'APC', ip: 'x.x.x.x', os.name: 'Windows Server 2016', os.arch: 'amd64', os.version: '10.0', java.version: '1.8.0_231'
Driver info: driver.version: unknown
[16:36:45] E/launcher - WebDriverError: Timed out waiting for driver server to start.
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'APC', ip: 'x.x.x.x', os.name: 'Windows Server 2016', os.arch: 'amd64', os.version: '10.0', java.version: '1.8.0_231'
Driver info: driver.version: unknown
at Object.checkLegacyResponse (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\error.js:546:15)
at parseHttpResponse (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\http.js:509:13)
at C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\http.js:441:30
at processTicksAndRejections (internal/process/task_queues.js:93:5)
From: Task: WebDriver.createSession()
at Function.createSession (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\webdriver.js:769:24)
at Function.createSession (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\chrome.js:761:15)
at createDriver (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\index.js:170:33)
at Builder.build (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\index.js:626:16)
at Hosted.getNewDriver (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\built\driverProviders\driverProvider.js:53:33)
at Runner.createBrowser (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\built\runner.js:195:43)
at C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\built\runner.js:339:29
at _fulfilled (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\q\q.js:834:54)
at C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\q\q.js:863:30
at Promise.promise.promiseDispatch (C:\Users\btime\AppData\Roaming\npm\node_modules\protractor\node_modules\q\q.js:796:13)
[16:36:45] E/launcher - Process exited with error code 199

Not sure what issue is as I've ran webdriver-manager update and webdriver-manager start before running protractor command.

nunofreitasbotelho

@nunofreitasbotelho

I'm starting to implementing e2e tests on a project and i'll be using protractor/jasmine (the setup that comes from the cli). Can someone share a project with a decent organization of the tests?

Brandon Gibbons

@GibbsB

@nunofreitasbotelho I don't have any full examples of test structure, but there are some resources to help out on the website: http://www.protractortest.org/#/page-objects, http://www.protractortest.org/#/style-guide

Rick van der Meij

@rickvandermey

@nunofreitasbotelho https://github.com/rickvandermey/angular-starterkit

supports angular 8 and angular 9 RC11

nunofreitasbotelho

@nunofreitasbotelho

Thank you both @GibbsB & @rickvandermey , i'll take a look on that

Dzanan91

@Dzanan91

Hey guys, I have a problem with running my script. For some reason node_modules folder in my App Data folder is being targeted instead of the one in my project folder when using VS Code terminal. Also it keeps saying my chromedriver is outdated even though i updated it globally and locally.
Using Protractor with Jasmine

https://d.pr/i/taX0zP

Any help would be appreciated

Brandon Gibbons

@GibbsB

@Dzanan91 That error is a mismatch between the chromedriver (v74.0.3729.6) and the chrome browser, which are different things. Try to see which version your chrome browser is in Help -> About Google Chrome. If you have multiple versions of Chrome Browser in your project, you will have to target the right one to match your chromedriver. https://chromedriver.storage.googleapis.com/74.0.3729.6/notes.txt Your chromedriver version only supports Chrome Browser v74. The latest of chromedriver should 80.x.x.x, so you might not be getting the latest with your webdriver-manager update command.

Dzanan91

@Dzanan91

I have latest version of chrome browser

Where communities thrive

People

Repo info

Activity

I am facing one issue in protractor with angular 7(e2e). I am not able to open the app on IE.

webdriver-manager version is 12.1.7

2 run webdriver-manager start --ie