improve error stack traces

Author: mdjastrzebski

src/__tests__/render-async.test.tsx

@@ -65,35 +65,35 @@ test('renderAsync supports legacy rendering option', async () => {
 });
 
 test('rerender function throws error when used with renderAsync', async () => {
-  const result = await renderAsync(<Banana />);
+  await renderAsync(<Banana />);
 
-  expect(() => result.rerender(<Banana />)).toThrowErrorMatchingInlineSnapshot(
-    `"\`rerender(...)\` is not supported when using \`renderAsync\` use \`await rerenderAsync(...)\` instead"`,
+  expect(() => screen.rerender(<Banana />)).toThrowErrorMatchingInlineSnapshot(
+    `""rerender(...)" is not supported when using "renderAsync" use "await rerenderAsync(...)" instead"`,
   );
 });
 
 test('rerenderAsync function updates component asynchronously', async () => {
   const fn = jest.fn();
-  const result = await renderAsync(<Banana onUpdate={fn} />);
+  await renderAsync(<Banana onUpdate={fn} />);
   expect(fn).toHaveBeenCalledTimes(0);
 
-  await result.rerenderAsync(<Banana onUpdate={fn} />);
+  await screen.rerenderAsync(<Banana onUpdate={fn} />);
   expect(fn).toHaveBeenCalledTimes(1);
 });
 
 test('unmount function throws error when used with renderAsync', async () => {
-  const result = await renderAsync(<Banana />);
+  await renderAsync(<Banana />);
 
-  expect(() => result.unmount()).toThrowErrorMatchingInlineSnapshot(
-    `"\`unmount()\` is not supported when using \`renderAsync\` use \`await unmountAsync()\` instead"`,
+  expect(() => screen.unmount()).toThrowErrorMatchingInlineSnapshot(
+    `""unmount()" is not supported when using "renderAsync" use "await unmountAsync()" instead"`,
   );
 });
 
 test('unmountAsync function unmounts component asynchronously', async () => {
   const fn = jest.fn();
-  const result = await renderAsync(<Banana onUnmount={fn} />);
+  await renderAsync(<Banana onUnmount={fn} />);
 
-  await result.unmountAsync();
+  await screen.unmountAsync();
   expect(fn).toHaveBeenCalled();
 });
 

src/render-async.tsx

@@ -14,6 +14,7 @@ import { debug } from './helpers/debug';
 import { renderWithAsyncAct } from './render-act';
 import { setRenderResult } from './screen';
 import { getQueriesForElement } from './within';
+import { ErrorWithStack } from './helpers/errors';
 
 export interface RenderAsyncOptions {
   /**
@@ -63,20 +64,20 @@ function buildRenderResult(
   const instance = renderer.root;
 
   const rerender = function (_component: React.ReactElement) {
-    throw new Error(
-      '`rerender(...)` is not supported when using `renderAsync` use `await rerenderAsync(...)` instead',
+    throw new ErrorWithStack(
+      '"rerender(...)" is not supported when using "renderAsync" use "await rerenderAsync(...)" instead',
+      rerender,
     );
   };
   const rerenderAsync = async function (component: React.ReactElement) {
     // eslint-disable-next-line require-await
-    await act(async () => {
-      renderer.update(wrap(component));
-    });
+    await act(async () => { renderer.update(wrap(component)); });
   };
 
   const unmount = () => {
-    throw new Error(
-      '`unmount()` is not supported when using `renderAsync` use `await unmountAsync()` instead',
+    throw new ErrorWithStack(
+      '"unmount()" is not supported when using "renderAsync" use "await unmountAsync()" instead',
+      unmount,
     );
   };
   const unmountAsync = async () => {