Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Avatar tests #15084

Merged
merged 80 commits into from
Sep 24, 2020
Merged

Avatar tests #15084

merged 80 commits into from
Sep 24, 2020

Conversation

behowell
Copy link
Contributor

@behowell behowell commented Sep 17, 2020

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

Add screener, perf, snapshot, and unit tests for the Avatar component.

Refactor some Avatar functionality for testability, and fix a few styling bugs in edge cases found through testing.

* Add a "customSize" prop for cases where the size doesn't match a design spec'ed size
* Use "sizeClass" to determine the font and icon sizes for the avatar: if the avatar has a standard size, then the sizeClass is just the size; but if it's a custom size, then the sizeClass is the next-smaller standard size.
* Use design tokens in Avatar styles

* Update Avatar.stories to display every standard size for all display types
* Add demo images pulled from the fluentui docs pages for the avatar instead of the fillmurray image
…der. Also add support for border tokens, for badges that want to add a border inside the glow.
@behowell behowell changed the title Avatar screener tests Avatar tests Sep 22, 2020
@msft-github-bot
Copy link
Contributor

🎉@fluentui/react-avatar@v0.6.4 has been released which incorporates this pull request.:tada:

Handy links:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants