Cypress - Get [value] value property from mat-button-toggle-group

Question

I have a selector to <mat-button-toggle-group [value]="myValue"></mat-button-toggle-group>

I want to have access to [value] value, and for that I do.

buttonToggleGroupSelector.should('exist').and('has.value', 'MyValue');

But this returns an empty string and not the attribute value.

Answer 1

When you use

buttonToggleGroupSelector.should('exist').and('has.value', 'MyValue');

Cypress is looking for a value property, but you want the value attribute

buttonToggleGroupSelector.should('exist').and('has.attr', 'value', 'MyValue');

Answer 2

You can use the invoke() method like so:

buttonToggleGroupSelector.invoke('attr', '[value]').should('eq', 'MyValue')

Answer 3

Assuming that buttonToggleGroupSelector returns something like cy.get('mat-button-toggle-group'), then you can do:

buttonToggleGroupSelector.should('have.attr', '[value]', 'myValue')