Skip to content

Bump @fluentui/react dependency to 8.98.3#2415

Merged
JamesBurnside merged 5 commits intomainfrom
jaburnsi/update-fluent-to-8.98.3
Oct 20, 2022
Merged

Bump @fluentui/react dependency to 8.98.3#2415
JamesBurnside merged 5 commits intomainfrom
jaburnsi/update-fluent-to-8.98.3

Conversation

@JamesBurnside
Copy link
Copy Markdown
Member

@JamesBurnside JamesBurnside commented Oct 18, 2022

What

Bump @fluentui/react dependency to 8.98.3

Why

This version has the new react peer dependencies that allow v18 (and all the fluent fixes to support react 18).

This PR just updates the fluent dependency and does not change our react peer dependency versions yet

How Tested

  • Ran a quick CallWithChat smoke test locally - verified joining a call with and without camera, sending, editing and deleting messages between two users, sharing screen and putting call on hold. All looked good with no new console errors.
  • e2e should be our main point of catching regressions for these updates

@JamesBurnside JamesBurnside changed the title Bump @fluentui/react dependency to 8.98.3 Bump @fluentui/react dependency to 8.98.3 Oct 18, 2022
@github-actions
Copy link
Copy Markdown
Contributor

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Oct 18, 2022

CallWithChat bundle size is increased❗.

  • Current size: 5646416
  • Base size: 5641859
  • Diff size: 4557

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Oct 18, 2022

Chat bundle size is increased❗.

  • Current size: 5379668
  • Base size: 5375833
  • Diff size: 3835

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Oct 18, 2022

Calling bundle size is increased❗.

  • Current size: 5260752
  • Base size: 5256195
  • Diff size: 4557

});
const component = mountWithLocalization(<CameraButton showLabel={true} />, testLocale);
expect(component.text()).toBe(testLocale.strings.cameraButton.offLabel);
expect(component.find('button').text()).toBe(testLocale.strings.cameraButton.offLabel);
Copy link
Copy Markdown
Member Author

@JamesBurnside JamesBurnside Oct 18, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you are curious why these unit tests needed updated, Fluent (for A11y reasons) now have the tooltip text rendered in the element but hidden when not hovered:
image

This caused the enzyme .text() to pick up the hidden content as it's not a very smart function, so the unit test has been updated to instead only grab the text from the button element (given this is what we are testing anyway):
image

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe this is a change to also be called out in the web UI channel so people know going forward this is needed for tests?

@github-actions
Copy link
Copy Markdown
Contributor

});
const component = mountWithLocalization(<CameraButton showLabel={true} />, testLocale);
expect(component.text()).toBe(testLocale.strings.cameraButton.offLabel);
expect(component.find('button').text()).toBe(testLocale.strings.cameraButton.offLabel);
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe this is a change to also be called out in the web UI channel so people know going forward this is needed for tests?

@github-actions
Copy link
Copy Markdown
Contributor

@JamesBurnside JamesBurnside enabled auto-merge (squash) October 19, 2022 23:59
@JamesBurnside JamesBurnside merged commit 4137e79 into main Oct 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants