Testing Angular - How can I test disabled field using Selenium Protractor?

Question

In MEAN stack project I am using Selenium webdriver for frontend UI testing.

I have a field which is non editable. I have attached an image

How can I test this field making sure it cannot be edited?


    it('not edit the field', () => {
        login('amazonuser');
        click(by.xpath('//mat-option[5]/span[contains(., "Amazon Id")]'));
        getElement(by.xpath('//id-number/div/mat-form-field[2]/div/div[1]/div/input')).sendKeys('0');
        logout();
    });

JeffC · Accepted Answer · 2023-03-23 19:47:46Z

0

You assert that the disabled attribute is on the INPUT.

var input = element(by.xpath('//id-number/div/mat-form-field[2]/div/div[1]/div/input'))
expect(input.isEnabled()).toBe(true);

See the HTML docs.
See the Protractor docs.

edited Mar 23, 2023 at 19:47

answered Mar 23, 2023 at 18:08

JeffC

26k5 gold badges34 silver badges55 bronze badges

I know but how should I code it using Selenium?
– Hiyanneri
Commented Mar 23, 2023 at 19:05
You should familiarize yourself with the Protractor docs. They have a lot of good examples. I've updated my answer with the code and a link to the docs.
– JeffC
Commented Mar 23, 2023 at 19:48
can you help with this - stackoverflow.com/questions/75922947/angular-testing-how-to-check-if-error-icon-is-absent-is-valid-data-is-passed
– Hiyanneri
Commented Apr 3, 2023 at 19:10

Add a comment |

Collectives™ on Stack Overflow

Testing Angular - How can I test disabled field using Selenium Protractor?

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related