feat(alert, toast): pass arbitrary HTML attributes to host element

[willmartian]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue Number: resolves #23825

What is the new behavior?

• ion-toast and ion-alert now accept an htmlAttributes prop, which allows developers to pass arbitrary attributes to the host element. Potential use cases include overriding the default ARIA role or setting a custom data-testid.

Does this introduce a breaking change?

• Yes
• No

Other information

[liamdebeasi]

For AlertInput, we allows developers to pass in an attributes object: https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/alert/alert-interface.ts#L38

Should we do the same thing here to keep the API consistent?

[willmartian]

For AlertInput, we allows developers to pass in an attributes object: https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/alert/alert-interface.ts#L38

Should we do the same thing here to keep the API consistent?

Yeah, I think that might be better. I can do that for both alert and toast.

[liamdebeasi]

The code looks good. We need to add tests to verify this behavior. Might want to add a spec test since we are testing what attributes get rendered on the host.

[liamdebeasi]

Great job!