Fix shimmer test (#3318)

* Fix shimmer test * Change files
microsoft · Dec 19, 2023 · f47e1b2 · f47e1b2
1 parent d8673aa
commit f47e1b2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/change/@fluentui-react-native-experimental-shimmer-5fa7f9cc-ba53-413f-8254-2725e0427147.json b/change/@fluentui-react-native-experimental-shimmer-5fa7f9cc-ba53-413f-8254-2725e0427147.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix shimmer test",
+  "packageName": "@fluentui-react-native/experimental-shimmer",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/experimental/Shimmer/src/Shimmer.test.tsx b/packages/experimental/Shimmer/src/Shimmer.test.tsx
@@ -5,9 +5,6 @@ import * as renderer from 'react-test-renderer';
 import { Shimmer } from './Shimmer';
 import type { ShimmerCircleElement, ShimmerRectElement } from './Shimmer.types';
 
-// mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
-jest.useFakeTimers();
-
 function shimmerRects(): Array<ShimmerRectElement | ShimmerCircleElement> {
   return [
     {
@@ -43,6 +40,12 @@ function shimmerRects(): Array<ShimmerRectElement | ShimmerCircleElement> {
 const style = { width: 300, height: 100 };
 
 describe('Shimmer component tests', () => {
+  beforeAll(() => {
+    // mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
+    jest.useFakeTimers();
+    jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+  });
+
   it('Shimmer default', async () => {
     const tree = renderer.create(<Shimmer elements={shimmerRects()} />).toJSON();
     expect(tree).toMatchSnapshot();