wip

Author: mdjastrzebski

package.json

@@ -30,6 +30,7 @@
     "typecheck": "tsc",
     "lint": "eslint src --cache",
     "validate": "yarn prettier && yarn lint && yarn typecheck && yarn test",
+    "validate:write": "yarn prettier:write && yarn lint --fix && yarn typecheck && yarn test",
     "build:js": "babel src --out-dir build --extensions \".js,.ts,.jsx,.tsx\" --source-maps --ignore \"**/__tests__/**\"",
     "build:ts": "tsc --build tsconfig.release.json",
     "build": "yarn clean && yarn build:js && yarn build:ts",

src/__tests__/act.test.tsx

@@ -16,23 +16,23 @@ const Counter = () => {
   return <Text onPress={() => setCount(count + 1)}>{text}</Text>;
 };
 
-test('render should trigger useEffect', () => {
+test('render should trigger useEffect', async () => {
   const effectCallback = jest.fn();
-  render(<UseEffect callback={effectCallback} />);
+  await render(<UseEffect callback={effectCallback} />);
 
   expect(effectCallback).toHaveBeenCalledTimes(1);
 });
 
-test('rerender should trigger useEffect', () => {
+test('rerender should trigger useEffect', async () => {
   const effectCallback = jest.fn();
-  render(<UseEffect callback={effectCallback} />);
-  screen.rerender(<UseEffect callback={effectCallback} />);
+  await render(<UseEffect callback={effectCallback} />);
+  await screen.rerenderAsync(<UseEffect callback={effectCallback} />);
 
   expect(effectCallback).toHaveBeenCalledTimes(2);
 });
 
 test('fireEvent should trigger useState', async () => {
-  render(<Counter />);
+  await render(<Counter />);
   const counter = screen.getByText(/Total count/i);
 
   expect(counter.props.children).toEqual('Total count: 0');

src/__tests__/auto-cleanup-skip.test.tsx

@@ -29,9 +29,9 @@ class Test extends React.Component<{ onUnmount?(): void }> {
 
 // This just verifies that by importing RNTL in pure mode in an environment which supports
 // afterEach (like jest) we won't get automatic cleanup between tests.
-test('component is mounted, but not umounted before test ends', () => {
+test('component is mounted, but not umounted before test ends', async () => {
   const fn = jest.fn();
-  render(<Test onUnmount={fn} />);
+  await render(<Test onUnmount={fn} />);
   expect(fn).not.toHaveBeenCalled();
 });
 

src/__tests__/auto-cleanup.test.tsx

@@ -27,9 +27,9 @@ afterEach(() => {
 
 // This just verifies that by importing RNTL in an environment which supports afterEach (like jest)
 // we'll get automatic cleanup between tests.
-test('component is mounted, but not umounted before test ends', () => {
+test('component is mounted, but not umounted before test ends', async () => {
   const fn = jest.fn();
-  render(<Test onUnmount={fn} />);
+  await render(<Test onUnmount={fn} />);
   expect(isMounted).toEqual(true);
   expect(fn).not.toHaveBeenCalled();
 });
@@ -38,14 +38,14 @@ test('component is automatically umounted after first test ends', () => {
   expect(isMounted).toEqual(false);
 });
 
-test('does not time out with legacy fake timers', () => {
+test('does not time out with legacy fake timers', async () => {
   jest.useFakeTimers({ legacyFakeTimers: true });
-  render(<Test />);
+  await render(<Test />);
   expect(isMounted).toEqual(true);
 });
 
-test('does not time out with fake timers', () => {
+test('does not time out with fake timers', async () => {
   jest.useFakeTimers();
-  render(<Test />);
+  await render(<Test />);
   expect(isMounted).toEqual(true);
 });