Is it necessary for a method to be async if browser.wait is used within it?

Just starting out with typescript, so go easy on me. I'm currently refactoring some selenium tests using protractor and angular.

I've created a method to wrap 

browser.wait(ExpectedConditions.presenceOf(element));

My tests were passing fine when the code above was inline, but now they're failing. Should the extracted method below be async since browser.wait returns a promise..?

async waitForAsync(element) {
    browser.wait(ExpectedConditions.presenceOf(element));
}

[Edit]

If I have a method getElementText() 

getElementText(element){ 
  return element.getText(); // getText returns a promise 
}

I just want to be able to call it like this 

const myText = getElementText(element);

and have it return the text instead of the promise. Should I make this method async?

angulartypescriptseleniumprotractor

Answer №1

Function should be declared as async if you intend to use await for an expression within the function.

Answer №2

Absolutely. You must include the 'await' keyword in your statement in order to retrieve the value without employing a promise.

    const retrievedText = await getElementContent(element);

Do not forget to confirm that the function encompassing it is marked as async.

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

Using ngForm to implement multiselect options in HTML

Attempting to implement a multiselect dropdown that is tied to a dynamic property receiving data from a JSON script via service. Successfully displayed the data in the dropdown, but encountering abnormalities when adding the multiple attribute within the s ...

htmlangulartypescript

Incorporating Swagger-UI into an Angular 10 project

Looking to integrate Swagger UI into your Angular application? After researching extensively, I found that the recommended approach is now to use the swagger-ui package instead of swagger-ui-dist for single-page applications. For those using React, there ...

reactjsangularswaggersingle-page-applicationswagger-ui

Dynamically determine the data type of a value by analyzing the key property within a function

I have created a custom hook that extends the functionality of the useStata function by accepting key and value props; import { Dispatch, SetStateAction, useCallback, useState } from 'react'; export type HandleModelChangeFn<T> = (key: keyo ...

reactjstypescriptreact-hooks

Sass-loader in Webpack fails to recognize the use of '@' symbol and raises an error

I am facing an issue with loading a SCSS file through webpack. It seems like many others are experiencing the same problem without any clear explanation. Essentially, I am encountering this error: ERROR in ./src/app/theme.scss Module parse failed: C:&bso ...

angularsasswebpack

Dealing with the 'UNIFIED_TEST_PLATFORM' issue while trying to compile an Ionic android app that utilizes tesseract.js and capacitor core

I recently set up an Ionic Angular project and integrated Capacitor to access native code functionalities. My project utilizes tesseract.js, as well as Capacitor core and camera plugins. However, I encountered an error while building the Android project: ...

androidangularionic-frameworkcapacitor

Advantages of incorporating types through imports versus relying solely on declaration files in Typescript

We are currently in the process of switching from plain JavaScript to TypeScript. One aspect that I personally find frustrating is the need to import types. In my opinion, importing types serves no real purpose other than cluttering up the import section ...

typescripttypes

Passing a DOM element from Selenium to JQuery and retrieving the results in C#

I recently encountered some challenges with using JQuery to search for information and send it back to Selenium C# in my project. After some trial and error, I was able to figure it out and wanted to share my findings. Specifically, I focused on: How ca ...

javascriptc#jqueryselenium

How can we use Angular Table to automatically shift focus to the next row after we input a value in the last cell of the current row and press the Enter key

When the last cell of the first row is completed, the focus should move to the next row if there are no more cells in the current row. <!-- HTML file--> <tbody> <tr *ngFor="let row of rows;let i=index;" [c ...

htmlangulartypescript

The valueChanges event of a Reactive Form is activated whenever options from a datalist are selected

Whenever a user types into the input field, I am making an API call to retrieve and display data in a datalist for autocompletion (typeahead). control.get('city').valueChanges.pipe( map((searchText) => searchText.trim().toLowerCase()), fi ...

javascripthtmlangularrxjs

Ways of invoking a component method from a service in Angular 2

I have a concept for creating a unique service that is capable of interacting with one specific component. In my application, all other components should have the ability to call upon this service and then have it interact with the designated component in ...

angulartypescriptangular2-servicesangular2-componentsangular2-injection

At what point does a vulnerability in a React or Angular library become a serious threat?

As a cybersecurity student, I have noticed numerous CVEs related to libraries used in React and Angular. One example is: │ Critical │ Prototype Pollution in minimist │ ├────────────── ...

reactjsangularsecurity

Selenium identifies and binds elements using the span tag

Just beginning my Selenium/Java journey Take a look at the HTML/JavaScript code below. <span j:bind=“appProp.UserFor(‘user.subscription.type', element)">Yes</span> Can someone guide me on how to locate and click on 'Yes' ...

selenium

Validate the presence of a nested webelement using xpath in Selenium WebDriver

Looking at this HTML layout, I'm checking to see if the <i class="fas fa-lock"></i> icon is displayed next to the text "Good luck Harry". How can I efficiently locate multiple web elements using XPath? While I can identify these elements ...

seleniumxpathwebdriver

Is it possible to utilize Selenium to launch an application?

As I develop a script for test automation, I find myself needing to access the back-end SQL database within SQL Developer. Can Selenium assist me in this process, or would it be more suitable to use Java? ...

javasqlseleniumautomated-tests

How is it possible that the type-checker is not flagging this code?

Do you find it acceptable that this code passes type-checking? function endlessLoop(): never { while (true) { } } let y = endlessLoop(); Why does y exist and fall under the never type category? ...

typescript

Incorporate JavaScript Library into StencilJs Using TypeScript

Recently, I decided to incorporate a JavaScript library called Particles.js into my project. The process involved importing it and initializing it within my component: import { Component, h } from '@stencil/core'; import * as particlesJS from &a ...

typescriptstenciljs

Beginning multiple-threaded stopwatch instances (the commandHolder became filled while executing the doCommandWithoutWaitingForAReponse exception)

I am facing a challenge with a relatively simple concept... Our Dashboard loads multiple portlets, and I need to track the load time for each one. To achieve this, I have created a basic StopWatch class that needs to run concurrently for each portlet while ...

javaselenium

Constructing custom Docker images based on SeleniumHQ/docker-selenium

I'm facing a dilemma and not sure if it's a bug or just my own oversight. Here's the scenario: I am trying to create an image based on StandaloneChromeDebug. Following the guidelines from the Wiki: First, clone the repository. Next, g ...

seleniumdockerdocker-compose

Managing plain text and server responses in Angular 2: What you need to know

What is the best way to handle a plain text server response in Angular 2? Currently, I have this implementation: this.http.get('lib/respApiTest.res') .subscribe(testReadme => this.testReadme = testReadme); The content of lib/respApi ...

typescriptangular

The MatTableDataSource provides a promise that includes approximately 7000 rows of data

When attempting to load a large amount of data into a MatTableDataSource, I am facing an issue. I would like to display a loader until the data is fully set, but I am unsure of when that happens. I attempted to use a promise like this: return new Promise(r ...

javascriptangularpromiseangular-materialangular7