What is the method for accessing the HTML of the ElementFinder directly in the debugger without using a promise?

Question

What is the method for accessing the HTML of the ElementFinder directly in the debugger without using a promise?

Upon analyzing the situation, I've come across an element named this.page.taskAssignment which is categorized as an ElementFinder. During my UI tests, when I attempt to click on this element, there seems to be no response. It has led me to believe that perhaps I am clicking on the wrong element; hence, I wish to verify what exactly is being clicked by examining the HTML in the debugger.

My endeavor with the WebStorm debugger involved:

this.page.taskAssignment.element.getTagName().then(e => {console.log(e)})

. However, despite my efforts, the output remains a promise without any sight of the HTML content.

Inquiry: How can I retrieve the HTML content of that specific element in the form of a string, rather than a Promise?

debugging typescript protractor

Answer 1

Answer №1

To retrieve the value, you can utilize the await keyword.

let formField = await element(by.formControlName(myField));
let formTag = await formField.getTagName();
let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

(Previously, there was a getOuterHtml() method, but it has been removed by Selenium as per the protractor docs.)

If you encounter an error stating that you can only use `await` as a reserved word, it must be within an `async` function such as on your page object.

class myPageObject{
    async fillForm(myField) {
        let formField = await element(by.formControlName(myField));
        let formTag = await formField.getTagName();
        let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

        // .... rest of code
    }
}

For more information on page objects, refer to https://www.protractortest.org/#/page-objects.

Answer 2

To retrieve the value, you can utilize the await keyword.

let formField = await element(by.formControlName(myField));
let formTag = await formField.getTagName();
let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

(Previously, there was a getOuterHtml() method, but it has been removed by Selenium as per the protractor docs.)

If you encounter an error stating that you can only use `await` as a reserved word, it must be within an `async` function such as on your page object.

class myPageObject{
    async fillForm(myField) {
        let formField = await element(by.formControlName(myField));
        let formTag = await formField.getTagName();
        let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

        // .... rest of code
    }
}

For more information on page objects, refer to https://www.protractortest.org/#/page-objects.

Answer 3

Answer №2

There are various methods to identify the specific element you want to access.

let targetElement: ElementFinder;

To retrieve the tagName: utilize await targetElement.getTagName() to obtain the tag name of the element.

To fetch a specific attribute of the element: use

await targetElement.getAttribute('class')

//if you desire the class name of the element. The same method can be applied to gather all attributes of the element finder.

Kindly note that all the above outputs will be in the form of a string.

I hope this information proves helpful to you

Answer 4

There are various methods to identify the specific element you want to access.

let targetElement: ElementFinder;

To retrieve the tagName: utilize await targetElement.getTagName() to obtain the tag name of the element.

To fetch a specific attribute of the element: use

await targetElement.getAttribute('class')

//if you desire the class name of the element. The same method can be applied to gather all attributes of the element finder.

Kindly note that all the above outputs will be in the form of a string.

I hope this information proves helpful to you

What is the method for accessing the HTML of the ElementFinder directly in the debugger without using a promise?

Answer №1

Answer №2

Similar questions

Implementing event triggers when setting a value for a date picker in Angular Kendo Date Picker

Experiencing difficulty in transferring array information from a parent component to a child component within an

I am unable to show a variable on the screen

Error message in Typescript with React: "The type 'ComponentClass<StyledComponentProps<{}>>' cannot be assigned to type 'typeof MyComponent'"

What is the process of applying arguments to a class constructor automatically?

Acquire multiple instances of NestJs dependencies using dependency injection within a single class

Combine all the missing observables in RxJS into a single array

Troubleshooting why the Typescript Omit property is not functioning correctly when used with the 'as' keyword

Remember to always call "done()" in Typescript + Mocha/Chai when dealing with async tests and hooks. Additionally, when returning a Promise, make sure it resolves correctly

What is the process for linking to a Firefox instance using the debugger port?

There seems to be an issue with the React Native FlatList: It appears that there is no overload matching this call and some

The compatibility issue arises when using Material UI Portal with TypeScript, specifically with the 'children' property types

Unable to retrieve input field in protractor testing

Update the function's argument type signature if the current argument is a function with properties

Using absolute paths for templateUrl and styleUrls in Angular 6: A comprehensive guide

When trying to access a property in Typescript that may not exist on the object

A utility type in Typescript for managing default database schema values

Guide to locating the recursive function in Node.js runtime

Error: The reference 'GetServerSideProps' is being incorrectly used as a type instead of a value. Perhaps you intended to use 'typeof GetServerSideProps' instead?

What is the most effective method for pausing execution until a variable is assigned a value?