refactor: use snapshot serializer + snapshot error matcher instead of try/catch

Author: jrolfs

test/__snapshots__/extend.test.ts.snap

@@ -3,10 +3,10 @@
 exports[`lib/extend.ts should handle the LabelText methods 1`] = `"<input id=\\"label-text-input\\" type=\\"text\\">"`;
 
 exports[`lib/extend.ts should handle the get* method failures 1`] = `
-"TestingLibraryElementError: Unable to find an element with the title: missing.
+TestingLibraryElementError: Unable to find an element with the title: missing.
 
 <div
-  id=\\"scoped\\"
+  id="scoped"
 >
   
     
@@ -16,7 +16,7 @@ exports[`lib/extend.ts should handle the get* method failures 1`] = `
   
   
 </div>
-    <stack>:X:X"
+    <stack>:X:X
 `;
 
 exports[`lib/extend.ts should handle the get* methods 1`] = `"<input type=\\"text\\" data-testid=\\"testid-text-input\\">"`;

test/extend.test.ts

@@ -1,6 +1,10 @@
 import * as path from 'path'
 import * as playwright from 'playwright'
 
+import stacktraceSerializer from './serializers/stacktrace'
+
+expect.addSnapshotSerializer(stacktraceSerializer)
+
 describe('lib/extend.ts', () => {
   let browser: playwright.ChromiumBrowser
   let page: playwright.Page
@@ -52,14 +56,7 @@ describe('lib/extend.ts', () => {
     // Use the scoped element so the pretty HTML snapshot is smaller
     const scope = await document.$('#scoped')
 
-    try {
-      await scope!.getByTitle('missing')
-      fail() // eslint-disable-line jest/no-jasmine-globals
-    } catch (err) {
-      err.message = err.message.replace(/(\s*at .*(\n|$))+/gm, '\n    <stack>:X:X')
-      // eslint-disable-next-line jest/no-try-expect
-      expect(err.message).toMatchSnapshot()
-    }
+    await expect(async () => scope!.getByTitle('missing')).rejects.toThrowErrorMatchingSnapshot()
   })
 
   it('should handle the LabelText methods', async () => {

test/serializers/stacktrace.ts

@@ -0,0 +1,16 @@
+type Serializer = Parameters<typeof expect.addSnapshotSerializer>['0']
+
+const EXPRESSION = /(\s*at .*(\n|$))+/gm
+const PLACEHOLDER = '\n    <stack>:X:X'
+
+const serializer: Serializer = {
+  serialize(val) {
+    return typeof val === 'string' ? val.replace(EXPRESSION, PLACEHOLDER) : val
+  },
+
+  test(val) {
+    return typeof val === 'string' && EXPRESSION.test(val)
+  },
+}
+
+export default serializer