Unexpected error: 'Cancel' was anticipated, but the value returned was undefined

I am currently in the process of automating an Angular 4 application using protractor, typescript, cucumber, and Chai for assertion.

Encountering the following error:

AssertionError: expected undefined to equal 'Cancel'
     at getBasePromise.then.then.newArgs (D:\Vinni\ProtractorWorkspace\protractor-cucumber-final\node_modules\chai-as-promised\lib\chai-as-promised.js:302:22)
     at process._tickCallback (internal/process/next_tick.js:109:7)
     

Despite searching for a solution in similar questions like this one, I couldn't find a resolution.

Below are the specifics of my code: Node version: 7.10.1, protractor version 5.1.2

config.ts

// Code for config file...

Any help or suggestions would be greatly appreciated. @Ram Pasala, any insights you could offer?

Answer №1

Ensure that your test method properly evaluates the result after the promise has been resolved. Make sure to return the promise within your test method.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to implement multiple ngIf conditions in Angular code?

Is it possible to set multiple conditions in an ngIf statement? I have created a template for multiple users, but there are some content that I don't want certain users to see, such as Super Admin, Admin, Section Users, Division User, and Unit Leader ...

Determine the frequency of duplicate elements in an array and arrange them in descending order based on their frequency

After making an API call, my array is populated with values like this: ["9777", "9777", "2.4", "9777", "2.4", "2.4", "9777", "2.4", "2.4", "9777", "9777", "2.4", "2.4", "2.4"] My goal is to count the occurrences of each item in the array and then sort th ...

Enabling clients to access all static files from a Node.js + Express server

My index.js file serves as a node.js server : var express = require('express'); var app = express(); const PORT = process.env.PORT || 5000; var serv = require('http').Server(app); app.get('/', function(req, res) { res.sen ...

Error when compiling with Component Lab's Autocomplete function for SVG Icons in Material UI

Upon running my project on the browser, I encountered the following error: Error message: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils ...

What is the best way to set wrapper props without hiding it from showing up in attrs?

Creating a Wrapper Component with Specific Props <script setup lang="ts"> import InputBase,{ Props as InputBaseProps } from "./InputBase.vue"; interface Props extends InputBaseProps { label?: string; labelClassName?: string; ...

Seeking the perfect message to display upon clicking an object with Protractor

Currently, I am using Protractor 5.1.1 along with Chromedriver 2.27. My goal is to make the script wait until the message "Scheduling complete" appears after clicking on the schedule button. Despite trying various codes (including the commented out code), ...

Encountering Compilation Error in @microsoft/mgt Graph Toolkit Upon Transition from Angular 11 to Angular 13

Previously, I had integrated the Microsoft toolkit into my Angular 11 application without any issues. However, when I was asked to upgrade to Angular 13 and updated the toolkit to its latest version (2.3.2 at the time of writing), I started encountering co ...

Testing in Angular using the getByRole query functionality is successful only when the hidden: true option is utilized

Currently experimenting with a new library, I'm facing difficulties accessing elements based on their ARIA role. My setup includes angular 10.0.6, jest 26.2.1, along with jest-preset-angular 8.2.1 and @testing-library/angular 10.0.1. Following instru ...

Connect an Observable to the template with async binding

I've been attempting to link an Observable to a template variable in Angular using the following code: [class.active]="isBookmarked$ | async" During the ngOnInit function, I initialize the Observable: var promise = this.cacheService.getItem(this.bo ...

My experiences with Angular Custom Form Controls have shown that they do not cause my form

I have encountered an issue with my custom form control. Despite changes in the value, the form does not get marked as dirty. I am unsure of what steps need to be taken. Below is the code for my custom component: import { ThrowStmt } from '@angul ...

What is the best way to use CSS to target and select the first option in a dropdown menu?

Currently, I am in the process of setting up my automation framework using Cucumber, Selenium, and Ruby. As part of my initial test, I need to fill out a form to progress to the next step. This form includes a dropdown menu with multiple values, and I need ...

Defining Zepto's Velocity.js with Typescript

I've been searching for type definitions for velocity, but the only one I could find is on tsd `tsd install velocity-animate', which unfortunately does not support velocity using Zepto. Any suggestions? ...

The absence of property 'files' on type 'EventTarget' in Vue 3 Typescript Composition API

With Vue 3's Composition API, I am aiming to dynamically display the selected photo as the background image of a button temporarily. Upon uploading, the button's background image should revert back to its default state. Initially, I encountered ...

The request body doesn't meet the interface requirements, but it does not trigger an error response

I created a specific interface called NewTransactionPayload to ensure that only objects of this type are accepted in the request body. Strangely, TypeScript does not show any errors when I host the application. Why is that? // Sample interfaces interface ...

Checking at compile time whether a TypeScript interface contains one or multiple properties

Is there a way to determine if a typescript interface contains at least one property at compile time without knowing the property names? For example, with the interfaces Cat and Dog defined as follows: export type Cat = {}; export type Dog = { barking: bo ...

Merging the output of an Observable with an established RxJS Subject without the need to subscribe

I currently have an existing rxjs Subject and I am looking for a way to call another Observable and seamlessly merge the results of that observable into my Subject. My goal is to achieve this without explicitly calling subscribe on the child Observable. U ...

Is it possible to consistently show the placeholder in mat-select regardless of the item currently selected?

I am looking to keep the mat-select element displaying the placeholder at all times, even if an option has been selected. Below is my HTML code: <mat-select [formControlName]="'language'" placeholder="Language"> <mat-option value=" ...

Error encountered within eot file using file-loader and webpack

I am facing an issue while trying to integrate React Rainbow Components with Next.js (TypeScript). I encountered a problem with importing fonts, which led me to use webpack along with the url-loader. However, despite my efforts, I keep encountering the er ...

Angular 2: Triggering the "open" event for a Bootstrap dropdown

I am currently in the process of developing a directive that will trigger a Bootstrap dropdown to open when clicked and close it when the mouse leaves. Below is the code for the dropdown directive: import {Directive, HostBinding, HostListener} from ' ...

Creative Solution for Implementing a Type Parameter in a Generic

Within my codebase, there exists a crucial interface named DatabaseEngine. This interface utilizes a single type parameter known as ResultType. This particular type parameter serves as the interface for the query result dictated by the specific database dr ...