Announcer: Part 1

[marcysutton]

The initial implementation for a live region component! I'm getting this draft PR up so I can test with the remote URL.

Jira Issue: https://khanacademy.atlassian.net/browse/WB-1768

Outstanding questions/work areas:

• Testing in AT to ensure messages are heard when the regions are appended the first time.
• Debugging the IDREF returned from sendMessage to ensure clearing messages works. This doesn't seem super critical since messages get cleared after 5000ms (and this is configurable), but I want to make sure there aren't any bugs. The Jest test for it passes but the ID returned is empty in Storybook 🤷‍♀️
• The HMR issue in Storybook. If you save a file while the story is open, it loses all references to elements. I wrote code to fix this, but it could be cool to remove it if I found another way.
• More integration with React. I did a bit of React integration to use Testing Library in the way they want you to, but the real deal will be experimenting with it in Wonder Blocks and webapp.
• Refactoring of methods: ensure they have clear names, do fewer things at once, etc.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 859f5e3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Size Change: +1.53 kB (+1.52%)

Total Size: 102 kB

Filename	Size	Change
packages/wonder-blocks-announcer/dist/es/index.js	1.53 kB	+1.53 kB (new file)	🆕

ℹ️ View Unchanged

Filename	Size
packages/wonder-blocks-accordion/dist/es/index.js	3.78 kB
packages/wonder-blocks-banner/dist/es/index.js	1.53 kB
packages/wonder-blocks-birthday-picker/dist/es/index.js	1.77 kB
packages/wonder-blocks-breadcrumbs/dist/es/index.js	887 B
packages/wonder-blocks-button/dist/es/index.js	4.04 kB
packages/wonder-blocks-cell/dist/es/index.js	2.01 kB
packages/wonder-blocks-clickable/dist/es/index.js	3.06 kB
packages/wonder-blocks-core/dist/es/index.js	3.44 kB
packages/wonder-blocks-data/dist/es/index.js	6.24 kB
packages/wonder-blocks-dropdown/dist/es/index.js	18.2 kB
packages/wonder-blocks-form/dist/es/index.js	6.28 kB
packages/wonder-blocks-grid/dist/es/index.js	1.36 kB
packages/wonder-blocks-i18n/dist/es/index.js	4.76 kB
packages/wonder-blocks-icon-button/dist/es/index.js	3 kB
packages/wonder-blocks-icon/dist/es/index.js	871 B
packages/wonder-blocks-labeled-field/dist/es/index.js	72 B
packages/wonder-blocks-layout/dist/es/index.js	1.82 kB
packages/wonder-blocks-link/dist/es/index.js	2.28 kB
packages/wonder-blocks-modal/dist/es/index.js	5.36 kB
packages/wonder-blocks-pill/dist/es/index.js	1.65 kB
packages/wonder-blocks-popover/dist/es/index.js	4.87 kB
packages/wonder-blocks-progress-spinner/dist/es/index.js	1.52 kB
packages/wonder-blocks-search-field/dist/es/index.js	1.3 kB
packages/wonder-blocks-switch/dist/es/index.js	1.94 kB
packages/wonder-blocks-testing-core/dist/es/index.js	3.74 kB
packages/wonder-blocks-testing/dist/es/index.js	1.07 kB
packages/wonder-blocks-theming/dist/es/index.js	693 B
packages/wonder-blocks-timing/dist/es/index.js	1.8 kB
packages/wonder-blocks-tokens/dist/es/index.js	2.36 kB
packages/wonder-blocks-toolbar/dist/es/index.js	827 B
packages/wonder-blocks-tooltip/dist/es/index.js	7.08 kB
packages/wonder-blocks-typography/dist/es/index.js	1.23 kB

_{compressed-size-action}

[github-actions]

A new build was pushed to Chromatic! 🚀

https://5e1bf4b385e3fb0020b7073c-kidqalbkya.chromatic.com/

Chromatic results:

Metric	Total
Captured snapshots	370
Tests with visual changes	1
Total stories	504
Inherited (not captured) snapshots [TurboSnap]	0
Tests on the build	370