microsoft / fluentui-react-native

A react-native component library that implements the Fluent Design System.

Home Page:https://developer.microsoft.com/fluentui

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

* Hook console warnings because enzyme with react-native will generate some bogus warnings such as:
.

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