Updates tests to 0.21.0 style assertions

web/src/components/BlogPostCell/BlogPostCell.test.js

@@ -4,19 +4,21 @@ import { standard } from './BlogPostCell.mock'
 
 describe('BlogPostCell', () => {
   test('Loading renders successfully', () => {
-    render(<Loading />)
-    // Use screen.debug() to see output
-    expect(screen.getByText('Loading...')).toBeInTheDocument()
+    expect(() => {
+      render(<Loading />)
+    }).not.toThrow()
   })
 
   test('Empty renders successfully', async () => {
-    render(<Empty />)
-    expect(screen.getByText('Empty')).toBeInTheDocument()
+    expect(() => {
+      render(<Empty />)
+    }).not.toThrow()
   })
 
   test('Failure renders successfully', async () => {
-    render(<Failure error={new Error('Oh no')} />)
-    expect(screen.getByText(/Oh no/i)).toBeInTheDocument()
+    expect(() => {
+      render(<Failure error={new Error('Oh no')} />)
+    }).not.toThrow()
   })
 
   test('Success renders successfully', async () => {

web/src/components/BlogPostsCell/BlogPostsCell.test.js

@@ -4,19 +4,21 @@ import { standard } from './BlogPostsCell.mock'
 
 describe('BlogPostsCell', () => {
   test('Loading renders successfully', () => {
-    render(<Loading />)
-    // Use screen.debug() to see output
-    expect(screen.getByText('Loading...')).toBeInTheDocument()
+    expect(() => {
+      render(<Loading />)
+    }).not.toThrow()
   })
 
   test('Empty renders successfully', async () => {
-    render(<Empty />)
-    expect(screen.getByText('Empty')).toBeInTheDocument()
+    expect(() => {
+      render(<Empty />)
+    }).not.toThrow()
   })
 
   test('Failure renders successfully', async () => {
-    render(<Failure error={new Error('Oh no')} />)
-    expect(screen.getByText(/Oh no/i)).toBeInTheDocument()
+    expect(() => {
+      render(<Failure error={new Error('Oh no')} />)
+    }).not.toThrow()
   })
 
   test('Success renders successfully', async () => {