Question: How to select an option in select input (mat-select)

Target: I am writing a module where I need to hide input elements based on some conditions. I need to select an option of material select input.

Problem: Unable to test it, the test assertion throws error. TestingLibraryElementError: Value "Partnership" not found in options

Reproduction:

• I am loading mat options using *ngFor (below are my options)

[
    {
        value: 'Public Limited Company',
        label: 'Public Limited Company',
    },
    {
        value: 'Private Limited Company',
        label: 'Private Limited Company',
    },
    {
        value: 'Partnership',
        label: 'Partnership',
    },
    {
        value: 'Limited Liability Partnership',
        label: 'Limited Liability Partnership',
    }
]

• Below is my assertion code.

const firmType = screen.queryByLabelText(/Firm Type/i);
const isGstPresent = screen.queryByLabelText(/Is Gst Available/i);
const gstNumber = screen.queryByLabelText(/GST Number/i);
        
userEvent.selectOptions(firmType, 'Partnership');

await waitFor(() => {
    expect(isGstPresent).toBeInTheDocument();
    expect(taxPayerType).not.toBeInTheDocument();
});

Any help is appreciated.

[VictorJSV]

This is the userEvent correct use for mat-select

const user = userEvent.setup()
...
const select = screen.getByRole('combobox', { name: /List/i })
await user.click(select)
await user.click(screen.getByText(/Minimarket/i))

... assertions ...

[tiagomsmagalhaes]

The link above is dead (possible file moving?) The new link with the example