Update pleasantest to v2 (#1697)

Co-authored-by: Gerardo Rodriguez <[email protected]>

Author: calebeby

jest.setup.js

@@ -0,0 +1,7 @@
+import { configureDefaults } from 'pleasantest';
+
+configureDefaults({
+  // Design intent doesn't require Level AAA conformance,
+  // but we want to keep a baseline targetSize check
+  user: { targetSize: 35 /* px */ },
+});

package-lock.json

@@ -84,7 +84,7 @@
     "ltx": "3.0.0",
     "mini-css-extract-plugin": "1.6.2",
     "npm-run-all": "4.1.5",
-    "pleasantest": "1.7.0",
+    "pleasantest": "2.0.0",
     "postcss": "8.4.12",
     "postcss-inline-svg": "4.1.0",
     "postcss-loader": "4.3.0",
@@ -146,5 +146,10 @@
     "validate": "run-s build test lint:check type",
     "version": "changeset version && prettier --write .",
     "release": "npm run build && changeset publish"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "./jest.setup.js"
+    ]
   }
 }

package.json

@@ -125,6 +125,7 @@ test(
   'Callback functions are called',
   withBrowser(async ({ utils, screen, user }) => {
     await utils.injectHTML(await componentMarkup());
+    await loadGlobalCSS(utils);
 
     const mockInitialCallback = jest.fn();
     const mockSwappedCallback = jest.fn();

src/components/button-swap/button-swap.test.ts

@@ -40,7 +40,7 @@ test(
       .toMatchInlineSnapshot(`
         article "Test author name said:"
           banner
-            heading "Test author name said:"
+            heading "Test author name said:" (level=3)
           contentinfo
             link "Permalink to Test author name’s Jan 1, 2000 comment"
             button "Reply"
@@ -63,7 +63,7 @@ test(
     expect(await getAccessibilityTree(form, { includeText: false }))
       .toMatchInlineSnapshot(`
         form "Reply to Test author name"
-          heading "Reply to Test author name"
+          heading "Reply to Test author name" (level=4)
           link "Markdown"
           textbox "Reply" (focused)
             ↳ description: "Please be kind, courteous and constructive. You may use simple HTML or Markdown in your comments. All fields are required."

src/components/comment/comment.test.ts

@@ -36,9 +36,9 @@ test(
         link "Home: Cloud Four"
           text "Home: Cloud Four"
         navigation "Main Menu"
-          heading "Main Menu"
+          heading "Main Menu" (level=2)
             text "Main Menu"
-          button "Toggle Main Menu"
+          button "Toggle Main Menu" (expanded=false)
     `);
 
     await user.click(navButton);
@@ -53,9 +53,9 @@ test(
         link "Home: Cloud Four"
           text "Home: Cloud Four"
         navigation "Main Menu"
-          heading "Main Menu"
+          heading "Main Menu" (level=2)
             text "Main Menu"
-          button "Toggle Main Menu" (focused)
+          button "Toggle Main Menu" (expanded=true) (focused)
           list
             listitem
               link "What We Do"
@@ -102,7 +102,7 @@ test(
         link "Home: Cloud Four"
           text "Home: Cloud Four"
         navigation "Main Menu"
-          heading "Main Menu"
+          heading "Main Menu" (level=2)
             text "Main Menu"
           list
             listitem

src/components/sky-nav/sky-nav.test.ts

@@ -64,16 +64,16 @@ describe('Subscription', () => {
       await initJS(utils);
 
       expect(await getAccessibilityTree(page)).toMatchInlineSnapshot(`
-        document
-          heading "Never miss an article!"
+        document "pleasantest"
+          heading "Never miss an article!" (level=2)
             text "Never miss an article!"
           status
             text "Notifications have been turned off."
           button "Get notifications"
           link "Get Weekly Digests"
             text "Get Weekly Digests"
           form "Get Weekly Digests"
-            heading "Get Weekly Digests"
+            heading "Get Weekly Digests" (level=2)
               text "Get Weekly Digests"
             text "Email"
             textbox "Email"