Using the expect statement within a Protractor if-else block

Question

Using the expect statement within a Protractor if-else block

My script involves an if-else condition to compare expected and actual values. If they do not match, it should go to the else block and print "StepFailed". However, it always executes the if block and the output is "step passed" even when expected does not equal actual. Here is my code:


var expected = ['Select training program using Index', 'Selenium','A','UFT/QTP','Loadrunner'];
var els = element.all(by.xpath("//select[@id='dropdown1']/option"));
   for (var i = 0; i < expected.length; ++i) {
     if(expect(els.get(i).getText()).to.eventually.equals(expected[i])){
        console.log('' +'Steppassed'+ '');
     }else{
        console.log('' +'Stepfailed'+ '');
     }
});

The dropdown values are: 'Select training program using Index', 'Selenium', 'Appium','UFT/QTP','Loadrunner'. I have mistakenly used 'A' instead of "Appium' which means the step should fail, but that's not what's happening.

Please provide suggestions on how to resolve this issue. Thank you.

typescript npm protractor cucumber

Answer 1

Answer №1

When verifying a conditional value, it is unnecessary to assert it.

An alternative approach could be:

var expectedValues = ['Select training program using Index', 'Selenium', 
'A','UFT/QTP','Loadrunner'];

var elements = element.all(by.xpath("//select[@id='dropdown1']/option"));

for (var index = 0; index < expectedValues.length; ++index) {
   elements.get(index).getText().then((text) => {
       if(text === expectedValues[index] ) {
           console.log('' +'Test Passed'+ '');
         } else {
            console.log('' +'Test Failed'+ '');
           }
         });
       }

To improve promise handling and readability, consider utilizing async/await syntax!

Answer 2

When verifying a conditional value, it is unnecessary to assert it.

An alternative approach could be:

var expectedValues = ['Select training program using Index', 'Selenium', 
'A','UFT/QTP','Loadrunner'];

var elements = element.all(by.xpath("//select[@id='dropdown1']/option"));

for (var index = 0; index < expectedValues.length; ++index) {
   elements.get(index).getText().then((text) => {
       if(text === expectedValues[index] ) {
           console.log('' +'Test Passed'+ '');
         } else {
            console.log('' +'Test Failed'+ '');
           }
         });
       }

To improve promise handling and readability, consider utilizing async/await syntax!

Using the expect statement within a Protractor if-else block

Answer №1

Similar questions

What is the best way to pass a conditional true or false value to React boolean props using TypeScript?

Utilizing npm serve for Location Proxy

What is the best approach to incorporate Column Reordering in react-data-grid?

Where should Babel and Webpack be placed in your package.json file - under devDependencies or Dependencies?

The functionality of connect-flash in Express JS is compromised when used in conjunction with express-mysql-session

Implementing Typescript for React Navigation: Configuring navigationOptions effectively

What are the steps to resolve warnings in an imported json file?

What is the comparable alternative to promise<void> in observables?

Exploring the process of incorporating types for a Vue plugin

Passing the entire command dynamically as an argument/parameter to a script value in NPM or Yarn

Encountering an 'EPERM: operation not permitted' issue while trying to compile a Nuxt application

What is the most effective way to code and define a MatSelect's MatSelectTrigger using programming techniques?

Saving an array object to a file in JSON formatting

Ways to resolve the issue of the experimental syntax 'jsx' not being enabled

Creating TypeScript utility scripts within an npm package: A Step-by-Step Guide

Setting up environment variables for node.js using NPM task: a comprehensive guide

Utilize ngx-filter-pipe to Streamline Filtering of Multiple Values

Implementing Server-Side API Response Caching in React-Query and Next JS

Optimal design strategy for a website using NPM and Webpack

Updating Angular 13 with charts.js and ng2-charts may expose unfixed vulnerabilities