Argthtjtr

Framework using: selenium-cucumber-js.
I am trying to run the below selenium-cucumber-js test. I would like to run the loginApp() function as BeforeScenario written in hooks.js file. But while running the test, its throwing below error at the moment. Could someone please advise on how to resolve the problem.

`C:Testscucumbernode_modulescucumberlibcucumberruntimeevent_broadcaster.js:30 process.nextTick(function(){ throw error; }); // prevent swallow by unhandled rejection                                        

TypeError: node_modulescucumberlibcucumbersupport_codelibrary.js:17 scenario.loginApp is not a function

    at C:Testscucumberstep-definitionshooks.js:4:51

    at _combinedTickCallback (internal/process/next_tick.js:73:7)

    at process._tickCallback (internal/process/next_tick.js:104:9)

    at Module.runMain (module.js:606:11)

    at run (bootstrap_node.js:390:7)

    at startup (bootstrap_node.js:150:9)`



/**/Feature:**



//cucumber/features

Feature: Login and look for the Register tab

 Scenario: Check the register tab in application

    When After login look for "Register" in navbar





//**lookfortab.js**



//cucumber/step-definitions



    const expect = require('chai').expect;

    module.exports = function() {

        this.When(/^After login look for "([^"]*)" in navbar$/, function (registerText) {

        let navText = By.css('div#nav>div>ul>li>a');

        driver.wait(until.elementLocated(navText, 10000));

        return driver.findElement(navText).getText().then(el => {                   

           console.log("print text here:"+el);     

           const displayTxt = el;  

           expect(displayTxt).to.be.eql(registerText);                  

            });     



        })



    }



//login.js



//cucumber/page-objects





    module.exports = {  

        loginApp(){

          this.driver.helpers.loadPage('https://testingsite.com')     

          this.driver.findElement(by.id('HomeLogin_Username')).sendKeys("Tester");

          this.driver.findElement(by.id('HomeLogin_Password')).sendKeys("SomePassword123");     

          let lgBtn = By.css('div#login-fields>div>button');

          this.driver.findElement(lgBtn).click();    

        }   



    };



//hooks.js



//cucumber/step-definitions





    module.exports = function () {

        this.BeforeScenario(function(scenario, done) {

            console.log('BeforeScenario: ' + scenario.loginApp());

            done();

        });



    };

First of all, note that selenium-cucumber-js is using a rather old version of cucumber-js (1.3.3 vs 5.0.2 at the moment of writing this). Keep that in mind when you're consulting cucumber-js docs or looking for examples. Below, I'll be posting links to the cucumber-js@1.3.3 docs.

As for what's not working in your set up:

1. 
   scenario object that is passed into your hooks doesn't have page objects attached to it. It only contains some meta info about the scenario and methods to get it. Here's a list of them: cucumber-js docs
   


2. If you want to reference the page objects from your hooks, you can use the global page as described here: Page objects - selenium-cucumber-js
   


3. Your loginApp() function probably still won't work because you're accessing webdriver as this.driver and helpers as this.driver.helpers. They're also globally defined by selenium-cucumber-js: Helpers
   

So, your hooks.js should look like this:

module.exports = function () {

  this.BeforeScenario(function(scenario, done) {

    console.log('BeforeScenario: ' + page.login.loginApp());

    done();

  });



};

And your login.js:

module.exports = {

  loginApp(){

    helpers.loadPage('https://example.com')

    driver.findElement(by.id('HomeLogin_Username')).sendKeys("Tester");

    driver.findElement(by.id('HomeLogin_Password')).sendKeys("SomePassword123");

    let lgBtn = By.css('div#login-fields>div>button');

    driver.findElement(lgBtn).click();

  }



};