update tests to use new custom renderer

Author: jpdriver

src/components/Live/LiveProvider.test.js

@@ -1,43 +1,42 @@
-import React from 'react';
-import { act } from 'react-dom/test-utils';
-import { renderElementAsync } from '../../utils/transpile';
-import { mount } from 'enzyme';
-import LiveProvider from './LiveProvider';
-import { useContext } from 'react';
-import LiveContext from './LiveContext';
+import React, { useContext } from "react";
+import { act } from "react-dom/test-utils";
+import { renderElementAsync } from "../../utils/transpile";
+import { render } from "../../utils/test/renderer";
+import LiveProvider from "./LiveProvider";
+import LiveContext from "./LiveContext";
 
-jest.mock('../../utils/transpile');
+jest.mock("../../utils/transpile");
 
 function waitAsync() {
-  return act(() => new Promise(resolve => setTimeout(resolve, 0)));
+  return act(() => new Promise((resolve) => setTimeout(resolve, 0)));
 }
 
-it('applies a synchronous transformCode function', () => {
+it("applies a synchronous transformCode function", () => {
   function transformCode(code) {
     return `render(<div>${code}</div>)`;
   }
 
-  mount(<LiveProvider code="hello" noInline transformCode={transformCode} />);
+  render(<LiveProvider code="hello" noInline transformCode={transformCode} />);
 
   return waitAsync().then(() => {
     expect(renderElementAsync).toHaveBeenCalledTimes(1);
     expect(renderElementAsync.mock.calls[0][0].code).toBe(
-      'render(<div>hello</div>)'
+      "render(<div>hello</div>)"
     );
   });
 });
 
-it('applies an asynchronous transformCode function', () => {
+it("applies an asynchronous transformCode function", () => {
   function transformCode(code) {
     return Promise.resolve(`render(<div>${code}</div>)`);
   }
 
-  mount(<LiveProvider code="hello" noInline transformCode={transformCode} />);
+  render(<LiveProvider code="hello" noInline transformCode={transformCode} />);
 
   return waitAsync().then(() => {
     expect(renderElementAsync).toHaveBeenCalledTimes(1);
     expect(renderElementAsync.mock.calls[0][0].code).toBe(
-      'render(<div>hello</div>)'
+      "render(<div>hello</div>)"
     );
   });
 });
@@ -47,12 +46,12 @@ function ErrorRenderer() {
   return <div data-testid="handledError">{error?.message}</div>;
 }
 
-it('catches errors from a synchronous transformCode function', () => {
+it("catches errors from a synchronous transformCode function", () => {
   function transformCode() {
-    throw new Error('testError');
+    throw new Error("testError");
   }
 
-  const wrapper = mount(
+  const wrapper = render(
     <LiveProvider code="hello" noInline transformCode={transformCode}>
       <ErrorRenderer />
     </LiveProvider>
@@ -62,16 +61,16 @@ it('catches errors from a synchronous transformCode function', () => {
     expect(renderElementAsync).not.toHaveBeenCalled();
 
     const handledErrorWrapper = wrapper.find('[data-testid="handledError"]');
-    expect(handledErrorWrapper.text()).toBe('testError');
+    expect(handledErrorWrapper.text()).toBe("testError");
   });
 });
 
-it('catches errors from an asynchronous transformCode function', () => {
+it("catches errors from an asynchronous transformCode function", () => {
   function transformCode() {
-    return Promise.reject(new Error('testError'));
+    return Promise.reject(new Error("testError"));
   }
 
-  const wrapper = mount(
+  const wrapper = render(
     <LiveProvider code="hello" noInline transformCode={transformCode}>
       <ErrorRenderer />
     </LiveProvider>
@@ -81,6 +80,6 @@ it('catches errors from an asynchronous transformCode function', () => {
     expect(renderElementAsync).not.toHaveBeenCalled();
 
     const handledErrorWrapper = wrapper.find('[data-testid="handledError"]');
-    expect(handledErrorWrapper.text()).toBe('testError');
+    expect(handledErrorWrapper.text()).toBe("testError");
   });
 });