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

Add ie11 to browser list for screener tests #14890

Closed
wants to merge 33 commits into from

Conversation

tomi-msft
Copy link
Contributor

@tomi-msft tomi-msft commented Sep 4, 2020

Pull request checklist

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

Description of changes

(give an overview)

Focus areas to test

(optional)

@dzearing
Copy link
Member

dzearing commented Sep 4, 2020

This is exactly what my PR was... which will fail on some things. We need a way to opt in specific tests

@tomi-msft
Copy link
Contributor Author

https://screener.io/v2/docs/include-exclude

@dzearing Found something that could be useful, just wanted to make sure that ie11 was able to be added to the screener tests. Will update the PR with includeRules

@dzearing
Copy link
Member

dzearing commented Sep 4, 2020

@tomi-msft sounds good!

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Sep 4, 2020

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 821 817 5000
BaseButtonCompat mount 930 943 5000
Breadcrumb mount 152133 155805 5000
Checkbox mount 1546 1578 5000
CheckboxBase mount 1309 1287 5000
ChoiceGroup mount 4843 4871 5000
ComboBox mount 992 932 1000
CommandBar mount 21057 20999 1000
ContextualMenu mount 5942 5907 1000
DefaultButtonCompat mount 1130 1163 5000
DetailsRow mount 3643 3691 5000
DetailsRowFast mount 3603 3644 5000
DetailsRowNoStyles mount 3475 3424 5000
Dialog mount 1532 1533 1000
DocumentCardTitle mount 1758 1804 1000
Dropdown mount 3796 3762 5000
FocusTrapZone mount 1800 1767 5000
FocusZone mount 1764 1756 5000
IconButtonCompat mount 1801 1841 5000
Label mount 324 326 5000
Layer mount 1844 1846 5000
Link mount 462 460 5000
MenuButtonCompat mount 1505 1522 5000
MessageBar mount 2037 1989 5000
Nav mount 3349 3275 1000
OverflowSet mount 991 1035 5000
Panel mount 1445 1447 1000
Persona mount 841 858 1000
Pivot mount 1393 1374 1000
PrimaryButtonCompat mount 1313 1297 5000
Rating mount 7766 7735 5000
SearchBox mount 1379 1364 5000
Shimmer mount 2551 2572 5000
Slider mount 1942 1958 5000
SpinButton mount 5194 5105 5000
Spinner mount 421 412 5000
SplitButtonCompat mount 3240 3190 5000
Stack mount 529 514 5000
StackWithIntrinsicChildren mount 1834 1854 5000
StackWithTextChildren mount 5130 5139 5000
SwatchColorPicker mount 10181 10354 5000
TagPicker mount 2794 2758 5000
TeachingBubble mount 11398 11484 5000
Text mount 435 441 5000
TextField mount 1428 1421 5000
ThemeProvider mount 1956 1984 5000
ThemeProvider virtual-rerender 644 641 5000
Toggle mount 808 784 5000
button mount 569 522 5000
buttonNative mount 103 105 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🎯 Avatar.Fluent 0.46 0.5 0.92:1 2000 929
🦄 Button.Fluent 0.12 0.2 0.6:1 5000 612
🔧 Checkbox.Fluent 0.64 0.34 1.88:1 1000 638
🎯 Dialog.Fluent 0.16 0.22 0.73:1 5000 817
🔧 Dropdown.Fluent 2.91 0.44 6.61:1 1000 2909
🔧 Icon.Fluent 0.15 0.06 2.5:1 5000 764
🎯 Image.Fluent 0.09 0.12 0.75:1 5000 429
🔧 Slider.Fluent 1.52 0.43 3.53:1 1000 1517
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 399
🦄 Tooltip.Fluent 0.11 0.88 0.13:1 5000 572

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ChatWithPopoverPerf.default 505 462 1.09:1
AnimationMinimalPerf.default 443 411 1.08:1
PortalMinimalPerf.default 169 157 1.08:1
AccordionMinimalPerf.default 167 158 1.06:1
DividerMinimalPerf.default 419 395 1.06:1
GridMinimalPerf.default 384 361 1.06:1
ListMinimalPerf.default 539 514 1.05:1
BoxMinimalPerf.default 407 391 1.04:1
Image.Fluent 429 413 1.04:1
AttachmentMinimalPerf.default 181 175 1.03:1
ButtonMinimalPerf.default 189 183 1.03:1
DropdownManyItemsPerf.default 815 788 1.03:1
SkeletonMinimalPerf.default 484 470 1.03:1
TableManyItemsPerf.default 2386 2311 1.03:1
TextAreaMinimalPerf.default 576 561 1.03:1
TooltipMinimalPerf.default 855 829 1.03:1
AvatarMinimalPerf.default 511 501 1.02:1
ButtonOverridesMissPerf.default 1714 1688 1.02:1
ButtonUseCssPerf.default 874 860 1.02:1
CardMinimalPerf.default 618 607 1.02:1
ChatMinimalPerf.default 665 651 1.02:1
LabelMinimalPerf.default 460 449 1.02:1
ListNestedPerf.default 616 602 1.02:1
ListWith60ListItems.default 972 949 1.02:1
PopupMinimalPerf.default 713 700 1.02:1
SplitButtonMinimalPerf.default 3881 3800 1.02:1
TextMinimalPerf.default 393 387 1.02:1
Icon.Fluent 764 750 1.02:1
Tooltip.Fluent 572 562 1.02:1
ButtonSlotsPerf.default 619 615 1.01:1
CarouselMinimalPerf.default 480 474 1.01:1
DialogMinimalPerf.default 821 815 1.01:1
FlexMinimalPerf.default 328 324 1.01:1
LoaderMinimalPerf.default 746 738 1.01:1
MenuMinimalPerf.default 932 919 1.01:1
SegmentMinimalPerf.default 402 398 1.01:1
StatusMinimalPerf.default 778 771 1.01:1
CustomToolbarPrototype.default 3799 3758 1.01:1
ToolbarMinimalPerf.default 1005 997 1.01:1
Button.Fluent 612 605 1.01:1
ButtonUseCssNestingPerf.default 1099 1096 1:1
EmbedMinimalPerf.default 2010 2010 1:1
FormMinimalPerf.default 454 455 1:1
InputMinimalPerf.default 1303 1297 1:1
ItemLayoutMinimalPerf.default 1370 1367 1:1
ListCommonPerf.default 679 678 1:1
SliderMinimalPerf.default 1545 1546 1:1
IconMinimalPerf.default 720 718 1:1
TableMinimalPerf.default 446 448 1:1
TreeMinimalPerf.default 949 952 1:1
TreeWith60ListItems.default 215 214 1:1
Avatar.Fluent 929 930 1:1
Dropdown.Fluent 2909 2908 1:1
AttachmentSlotsPerf.default 1191 1208 0.99:1
HeaderMinimalPerf.default 407 412 0.99:1
HeaderSlotsPerf.default 849 856 0.99:1
LayoutMinimalPerf.default 429 432 0.99:1
MenuButtonMinimalPerf.default 1650 1663 0.99:1
ProviderMergeThemesPerf.default 1975 1994 0.99:1
ProviderMinimalPerf.default 959 967 0.99:1
Checkbox.Fluent 638 647 0.99:1
Slider.Fluent 1517 1539 0.99:1
Text.Fluent 399 405 0.99:1
CheckboxMinimalPerf.default 2868 2914 0.98:1
DropdownMinimalPerf.default 2852 2898 0.98:1
RefMinimalPerf.default 234 238 0.98:1
Dialog.Fluent 817 834 0.98:1
ChatDuplicateMessagesPerf.default 426 440 0.97:1
ImageMinimalPerf.default 414 427 0.97:1
ReactionMinimalPerf.default 435 447 0.97:1
RadioGroupMinimalPerf.default 476 496 0.96:1
AlertMinimalPerf.default 314 339 0.93:1
VideoMinimalPerf.default 638 695 0.92:1

@size-auditor
Copy link

size-auditor bot commented Sep 4, 2020

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-FocusTrapZone 15.576 kB 15.504 kB BelowBaseline     -72 bytes
office-ui-fabric-react fluentui-react-KeytipData 12.966 kB 12.894 kB BelowBaseline     -72 bytes
office-ui-fabric-react fluentui-react-Label 35.279 kB 35.205 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Keytip 72.627 kB 72.553 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Keytips 96.049 kB 95.975 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Modal 89.742 kB 89.668 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-OverflowSet 29.364 kB 29.29 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 93.051 kB 92.977 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Layer 42.85 kB 42.776 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-GroupedList 117.736 kB 117.662 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Icon 47.579 kB 47.505 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-HoverCard 89.322 kB 89.248 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 104.163 kB 104.089 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-FloatingPicker 224.469 kB 224.395 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ExtendedPicker 74.277 kB 74.203 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-DetailsList 208.291 kB 208.217 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 142.741 kB 142.667 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ComboBox 230.365 kB 230.291 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ColorPicker 84.283 kB 84.209 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ChoiceGroupOption 54.389 kB 54.315 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Checkbox 54.623 kB 54.549 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Callout 76.591 kB 76.517 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Persona 104.163 kB 104.089 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-List 36.799 kB 36.725 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ActivityItem 66.375 kB 66.301 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Theme 48 kB 47.926 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 218.602 kB 218.528 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Shimmer 45.801 kB 45.727 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Sticky 30.736 kB 30.662 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Selection 37.781 kB 37.707 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Styling 43.017 kB 42.943 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-ScrollablePane 52.153 kB 52.079 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Spinner 38.537 kB 38.463 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Rating 73.047 kB 72.973 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Tooltip 77.551 kB 77.477 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Positioning 19.035 kB 18.961 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Pivot 174.19 kB 174.116 kB BelowBaseline     -74 bytes
office-ui-fabric-react fluentui-react-Toggle 41.849 kB 41.774 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Coachmark 85.437 kB 85.362 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Check 48.876 kB 48.801 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-TeachingBubble 189.776 kB 189.701 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Calendar 137.837 kB 137.762 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Dialog 195.92 kB 195.845 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Divider 16.566 kB 16.491 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Utilities 69.459 kB 69.384 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Announced 35.357 kB 35.282 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Dropdown 216.179 kB 216.104 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Fabric 39.073 kB 38.998 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-PersonaPresence 53.813 kB 53.738 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Facepile 194.742 kB 194.667 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Panel 185.48 kB 185.405 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Overlay 37.638 kB 37.563 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Nav 174.304 kB 174.229 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-MarqueeSelection 67.263 kB 67.188 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Image 42.595 kB 42.52 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Separator 18.047 kB 17.972 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-SelectedItemsList 214.094 kB 214.019 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Link 34.877 kB 34.802 kB BelowBaseline     -75 bytes
office-ui-fabric-react fluentui-react-Stack 38.511 kB 38.435 kB BelowBaseline     -76 bytes
office-ui-fabric-react fluentui-react-ProgressIndicator 35.798 kB 35.722 kB BelowBaseline     -76 bytes
office-ui-fabric-react fluentui-react-FocusZone 35.499 kB 35.422 kB BelowBaseline     -77 bytes
office-ui-fabric-react fluentui-react-SpinButton 179.047 kB 178.97 kB BelowBaseline     -77 bytes
office-ui-fabric-react fluentui-react-Slider 50.715 kB 50.638 kB BelowBaseline     -77 bytes
office-ui-fabric-react fluentui-react-CommandBar 185.903 kB 185.824 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-SwatchColorPicker 175.842 kB 175.763 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-Text 34.17 kB 34.091 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-DatePicker 195.722 kB 195.643 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-DocumentCard 200.018 kB 199.939 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-MessageBar 173.747 kB 173.668 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-Breadcrumb 184.312 kB 184.233 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-Grid 166.329 kB 166.25 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-Pickers 267.632 kB 267.553 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-SearchBox 172.775 kB 172.696 kB BelowBaseline     -79 bytes
office-ui-fabric-react fluentui-react-Button 179.751 kB 179.671 kB BelowBaseline     -80 bytes
office-ui-fabric-react fluentui-react-TextField 73.4 kB 73.319 kB BelowBaseline     -81 bytes
office-ui-fabric-react fluentui-react-ChoiceGroup 58.244 kB 58.163 kB BelowBaseline     -81 bytes
office-ui-fabric-react fluentui-react-Icons 63.93 kB 63.835 kB BelowBaseline     -95 bytes
office-ui-fabric-react fluentui-react-PositioningContainer 66.607 kB 66.508 kB BelowBaseline     -99 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 3346b09e82b41f6b5b96fe1a94c8d122b3a4625b (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 6, 2020

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1a07cb2:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@@ -14,6 +14,9 @@ storiesOf('Button Next', module)
.addDecorator(story => (
<Screener
steps={new Steps()
.executeScript(
'const script=document.createElement(\'script\');script.src="https://cdn.jsdelivr.net/gh/nuxodin/ie11CustomProperties@4.1.0/ie11CustomProperties.min.js";document.head.appendChild(script);location.reload();',
Copy link
Contributor

Choose a reason for hiding this comment

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

location.reload();

You are reloading the page; the new page will not have the script after reloading

Copy link
Contributor

Choose a reason for hiding this comment

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

why do you need to reload? the script will execute before we render the button. that way the button should have the styles

Copy link
Contributor

Choose a reason for hiding this comment

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

actually, steps are executed after stories are rendered. so this will not work :) we need a way to inject and execute the script before the stories render

Copy link
Contributor

Choose a reason for hiding this comment

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

@layershifter
Copy link
Member

@tomi-msft is it valid? As I remember we decided to not use a polyfill for IE11... Can you please check?

@tomi-msft
Copy link
Contributor Author

This is resolved, ill close

@tomi-msft tomi-msft closed this Jan 4, 2021
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