tests

Author: jfuchs

src/__tests__/ActionMenu.tsx

@@ -42,7 +42,11 @@ describe('ActionMenu', () => {
     Component: ActionMenu,
     systemPropArray: [COMMON],
     options: {skipAs: true, skipSx: true},
-    toRender: () => <ActionMenu items={[]} />
+    toRender: () => (
+      <SSRProvider>
+        <ActionMenu items={[]} />
+      </SSRProvider>
+    )
   })
 
   checkExports('ActionMenu', {

src/__tests__/DropdownMenu.tsx

@@ -6,7 +6,7 @@ import theme from '../theme'
 import {DropdownMenu, DropdownButton} from '../DropdownMenu'
 import {COMMON} from '../constants'
 import {behavesAsComponent, checkExports} from '../utils/testing'
-import {BaseStyles, ThemeProvider} from '..'
+import {BaseStyles, ThemeProvider, SSRProvider} from '..'
 import {ItemInput} from '../ActionList/List'
 
 expect.extend(toHaveNoViolations)
@@ -18,16 +18,18 @@ function SimpleDropdownMenu(): JSX.Element {
 
   return (
     <ThemeProvider theme={theme}>
-      <BaseStyles>
-        <div id="something-else">X</div>
-        <DropdownMenu
-          items={items}
-          placeholder="Select an Option"
-          selectedItem={selectedItem}
-          onChange={setSelectedItem}
-        />
-        <div id="portal-root"></div>
-      </BaseStyles>
+      <SSRProvider>
+        <BaseStyles>
+          <div id="something-else">X</div>
+          <DropdownMenu
+            items={items}
+            placeholder="Select an Option"
+            selectedItem={selectedItem}
+            onChange={setSelectedItem}
+          />
+          <div id="portal-root"></div>
+        </BaseStyles>
+      </SSRProvider>
     </ThemeProvider>
   )
 }

src/__tests__/__snapshots__/ActionMenu.tsx.snap

@@ -70,9 +70,9 @@ exports[`ActionMenu renders consistently 1`] = `
 <button
   aria-haspopup="true"
   aria-label="menu"
-  aria-labelledby="react-aria-4612506814-1"
+  aria-labelledby="react-aria-0-1"
   className="c0"
-  id="react-aria-4612506814-1"
+  id="react-aria-0-1"
   onClick={[Function]}
   onKeyDown={[Function]}
   tabIndex={0}

src/__tests__/__snapshots__/AnchoredOverlay.tsx.snap

@@ -81,9 +81,9 @@ exports[`AnchoredOverlay renders consistently 1`] = `
 >
   <button
     aria-haspopup="true"
-    aria-labelledby="react-aria-5484257793-1"
+    aria-labelledby="react-aria-0-1"
     className="c1"
-    id="react-aria-5484257793-1"
+    id="react-aria-0-1"
     onClick={[Function]}
     onKeyDown={[Function]}
     tabIndex={0}
@@ -197,9 +197,9 @@ Object {
       >
         <button
           aria-haspopup="true"
-          aria-labelledby="react-aria-5484257793-8"
+          aria-labelledby="react-aria-0-1"
           class="c1"
-          id="react-aria-5484257793-8"
+          id="react-aria-0-1"
           tabindex="0"
         >
           Anchor Button
@@ -242,9 +242,9 @@ Object {
     >
       <button
         aria-haspopup="true"
-        aria-labelledby="react-aria-5484257793-8"
+        aria-labelledby="react-aria-0-1"
         class="ButtonBase-sc-181ps9o-0 Button-xjtz72-0 jhgDtb"
-        id="react-aria-5484257793-8"
+        id="react-aria-0-1"
         tabindex="0"
       >
         Anchor Button

src/__tests__/__snapshots__/DropdownMenu.tsx.snap

@@ -73,9 +73,9 @@ exports[`DropdownMenu renders consistently 1`] = `
 
 <button
   aria-haspopup="true"
-  aria-labelledby="react-aria-64373930-1"
+  aria-labelledby="react-aria-4007736549-1"
   className="c0"
-  id="react-aria-64373930-1"
+  id="react-aria-4007736549-1"
   onClick={[Function]}
   onKeyDown={[Function]}
   tabIndex={0}