-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
feat(eslint-plugin): add browser compatibility plugin #33786
base: master
Are you sure you want to change the base?
feat(eslint-plugin): add browser compatibility plugin #33786
Conversation
8753796
to
7ad07cc
Compare
@@ -0,0 +1,7 @@ | |||
{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🕵🏾♀️ visual regressions to review in the fluentuiv8 Visual Regression Report
react-charting-AreaChart 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
react-charting-AreaChart.Custom Accessibility.default.chromium.png | 11 | Changed |
react-charting-HeatMapChart 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
react-charting-HeatMapChart.Basic.default.chromium.png | 376 | Changed |
react-charting-LineChart 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
react-charting-LineChart.Events.default.chromium.png | 2 | Changed |
📊 Bundle size reportUnchanged fixtures
|
🕵 FluentUIV0 No visual regressions between this PR and main |
Pull request demo site: URL |
# Conflicts: # yarn.lock
d4a3131
to
e7e3c9f
Compare
@@ -0,0 +1,7 @@ | |||
{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🕵🏾♀️ visual regressions to review in the fluentui-web-components-v3 Visual Regression Report
Badge 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
Badge. - Dark Mode.normal.chromium_1.png | 511 | Changed |
Checkbox 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
Checkbox. - Dark Mode.normal.chromium.png | 37 | Changed |
Divider 1 screenshots
Image Name | Diff(in Pixels) | Image Type |
---|---|---|
Divider. - RTL.normal.chromium_1.png | 103 | Changed |
🕵 fluentuiv9 No visual regressions between this PR and main |
@@ -24,5 +29,28 @@ module.exports = { | |||
'@rnx-kit/no-export-all': ['error', { expand: 'all' }], | |||
}, | |||
}, | |||
{ | |||
files: [...testFiles, ...storyFiles], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hmm adding it to overrides would be easier for future migration to flat configs and also would make it more readable as exclude + include would be part of same config
if we add it to existing
files: '**/src/**/*.{ts,tsx,js}',
override
{
files: '**/src/**/*.{ts,tsx,js}',
excludedFiles: [...testFiles],
extends: ['plugin:compat/recommended'],
plugins: ['compat'],
settings: {
// Browser matrix support - https://react.fluentui.dev/?path=/docs/concepts-developer-browser-support-matrix--docs#partial-browser-support-matrix
targets: [
// Desktop browsers
'edge >= 79',
'firefox >= 69',
'chrome >= 79',
'safari >= 13.1',
'opera >= 64',
'not ie <= 11',
// Mobile browsers
'ios_saf >= 13.4',
'android >= 79',
'samsung >= 14',
'not op_mini all',
],
},
WDYT ?
Previous Behavior
No browser compatibility linter rules were available.
New Behavior
Added
eslint-plugin-compat
to ensure browser compatibility according to the current browser support matrixRelated Issue(s)