Jest Tests Blocking Build
gulnazsayed opened this issue · comments
Willing to submit a PR to fix?
- I am willing to submit a PR to fix
Requested priority
No response
Products/applications affected
V1 RadioGroup
Package version(s)
No response
OS version(s)
No response
Platform
- iOS
- macOS
- win32
- windows
- android
Xcode version
No response
Please provide a reproduction of the bug
Go to packages/experimental/radiogroup
and un-comment the jest tests that are currently commented. Run yarn test
.
The error log only consists of warnings that are React related and we are unable to pinpoint a real error. These errors are snagged by CI, resulting in a broken build. Snapshot tests in existing components, like Button, have the same error log when yarn test
is run from the respective folder. However, CI does not snag these errors and does not break the build. There is no obvious reason why CI is only snagging this for RadioGroup.
I have tried narrowing down to one of the RadioGroup tests to try and pinpoint the issue, but this did not lead to any concrete leads. I have tried changing the extensions of the tests and snapshots to .jsx
from .tsx
. I have also tried deleting the existing snapshots and re-generating them.
Actual behavior
`PASS src/tests/RadioExperimental.test.jsx
● Console
console.error
Warning: React does not recognize the `ellipsizeMode` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `ellipsizemode` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at Text
at Text (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `numberOfLines` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `numberoflines` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at Text
at Text (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `labelPosition` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `labelposition` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityRole` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilityrole` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityLabel` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilitylabel` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityState` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilitystate` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityActions` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilityactions` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityPositionInSet` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilitypositioninset` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilitySetSize` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilitysetsize` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `enableFocusRing` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `enablefocusring` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onAccessibilityAction`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Received `true` for a non-boolean attribute `accessible`.
If you want to write it to the DOM, pass a string instead: accessible="true" or accessible={value.toString()}.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3521:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onStartShouldSetResponder`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onResponderGrant`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onResponderMove`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onResponderRelease`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onResponderTerminate`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Unknown event handler property `onResponderTerminationRequest`. It will be ignored.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3448:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Received `false` for a non-boolean attribute `collapsable`.
If you want to write it to the DOM, pass a string instead: collapsable="false" or collapsable={value.toString()}.
If you used to conditionally omit it with collapsable={condition && value}, pass collapsable={condition ? value : undefined} instead.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at Pressable (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\Libraries\Components\Pressable\Pressable.js:174:5)
at Radio (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3523:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
PASS src/tests/RadioGroupExperimental.test.jsx
● Console
console.error
Warning: React does not recognize the `defaultTabbableElement` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `defaulttabbableelement` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at RCTFocusZone
at RCTFocusZone (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockNativeComponent.js:17:18)
at render (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\deprecated\foundation-composable\src\Composable.ts:98:13)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at RadioGroup (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `navigateAtEnd` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `navigateatend` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at RCTFocusZone
at RCTFocusZone (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockNativeComponent.js:17:18)
at render (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\deprecated\foundation-composable\src\Composable.ts:98:13)
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at RadioGroup (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: Received `true` for a non-boolean attribute `accessible`.
If you want to write it to the DOM, pass a string instead: accessible="true" or accessible={value.toString()}.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at RadioGroup (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3521:9)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityRole` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilityrole` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at RadioGroup (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)
console.error
Warning: React does not recognize the `accessibilityState` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `accessibilitystate` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at View
at View (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\react-native\jest\mockComponent.js:28:18)
at RadioGroup (C:\Users\gulnazsayed\Documents\fluentui-react-native\packages\framework\use-slot\src\stagedComponent.ts:47:13)
at WrapperComponent (C:\Users\gulnazsayed\Documents\fluentui-react-native\node_modules\@wojtekmaj\enzyme-adapter-utils\src\createMountWrapper.jsx:46:26)
39 | const blockExpr = /.*(react-dom.development.js|Use PascalCase for React|is unrecognized in this browser)/i;
40 | if (!blockExpr.test(message)) {
> 41 | consoleErrorHandler(message, ...args);
| ^
42 | }
43 | };
44 |
at console.Object.<anonymous>.console.error (../../../scripts/src/configs/jest/setupEnzyme.js:41:24)
at printWarning (../../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
at error (../../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
at validateProperty$1 (../../../node_modules/react-dom/cjs/react-dom.development.js:3513:7)
at warnUnknownProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:3559:21)
at validateProperties$2 (../../../node_modules/react-dom/cjs/react-dom.development.js:3583:3)
at validatePropertiesInDevelopment (../../../node_modules/react-dom/cjs/react-dom.development.js:8765:5)
at setInitialProperties (../../../node_modules/react-dom/cjs/react-dom.development.js:9041:5)`
Expected behavior
No warnings or errors.
Note: Might want to check if we need to hardcode more error types. We hardcode away some jest/enzyme warnings through the jest config:
.Snapshot tests were failing due to the token values jsons not having the updated values locally. Issue was resolved after updating the node_modules and the snapshots