bug(autocomplete): harness does not fire focusin event

Reproduction

Use StackBlitz to reproduce your issue:

• Harnesses: https://stackblitz.com/edit/harness-issue-vtgyuf

Steps to reproduce:

1. Create an autocomplete test with harness
2. Focus the autocomplete via MatAutocompleteHarness.focus()

Expected Behavior

The input element is focused and the autocomplete options are rendered. They can also be queried in the DOM (e.g. check that an element with text “Choice A” exists). Dispatching focus via a harness should also dispatch focusin beforehand, so that it emulates properly the browser behavior.

Actual Behavior

The input element is focused, but the options are not open. This is because the autocomplete harness fires the focus event, while mat-autocomplete-trigger listens for focusin events, which are not triggered via the JS focus event.

Environment

• Angular: 12.2
• CDK/Material: 12.2
• Browser(s): Chrome 96
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[crisbeto]

It looks like we have some fallback logic that simulates the focus and blur events manually if the browser doesn’t fire them, but it wasn’t accounting for focusin and focusout. I’ve submitted #23757 to sort it out.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}