diff --git a/.rnstorybook/generateSnapshots.tsx b/.rnstorybook/generateSnapshots.tsx
index a72ed077dc8..f1e833c8542 100644
--- a/.rnstorybook/generateSnapshots.tsx
+++ b/.rnstorybook/generateSnapshots.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { composeStories } from '@storybook/react';
-import { render } from '@testing-library/react-native';
+import { renderAsync } from '@testing-library/react-native';
import preview from './preview';
import { mockedStore } from '../app/reducers/mockedStore';
import { initStore } from '../app/lib/store/auxStore';
@@ -13,8 +13,8 @@ export function generateSnapshots(stories: any) {
decorators: preview.decorators
});
Object.entries(composedStories).forEach(([name, story]) => {
- test(`${name} should match snapshot`, () => {
- const rendered = render(React.createElement(story as React.ComponentType));
+ test(`${name} should match snapshot`, async () => {
+ const rendered = await renderAsync(React.createElement(story as React.ComponentType));
expect(rendered.toJSON()).toMatchSnapshot();
});
});
diff --git a/app/containers/message/__snapshots__/Message.test.tsx.snap b/app/containers/message/__snapshots__/Message.test.tsx.snap
index fb42ca0dda3..497667ba4d3 100644
--- a/app/containers/message/__snapshots__/Message.test.tsx.snap
+++ b/app/containers/message/__snapshots__/Message.test.tsx.snap
@@ -1294,10 +1294,8 @@ exports[`Story Snapshots: AttachmentWithTextAndLink should match snapshot 1`] =
style={
[
{
- "borderRadius": 4,
- "minHeight": 200,
- "overflow": "hidden",
- "width": "100%",
+ "alignItems": "center",
+ "justifyContent": "center",
},
{
"borderColor": "#CBCED1",
@@ -1307,89 +1305,40 @@ exports[`Story Snapshots: AttachmentWithTextAndLink should match snapshot 1`] =
},
]
}
- />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-
-
-
+ style={
+ {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ transition={null}
+ width={0}
+ />
-
-
-