box-ui-elements 23.4.0-beta.16 → 23.4.0-beta.17

package/src/test-utils/testing-library.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render, type RenderOptions } from '@testing-library/react';
+import userEventInit from '@testing-library/user-event';
 
 // Data Providers
 import { TooltipProvider } from '@box/blueprint-web';
@@ -26,5 +27,7 @@ const renderConnected = (element, options: RenderConnectedOptions = {}) =>
         ...options,
     });
 
+const createUserEvent = () => userEventInit.setup(); // factory function to create isolated userEvent instances
+
 export * from '@testing-library/react';
-export { renderConnected as render };
+export { renderConnected as render, createUserEvent as userEvent };

package/src/elements/common/nav-button/__tests__/__snapshots__/BackButton.test.js.snap

@@ -1,64 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`elements/common/nav-button/BackButton should match its snapshot 1`] = `
-<BackButton>
-  <Route>
-    <PlainButton
-      className="bdl-BackButton"
-      onClick={[Function]}
-      type="button"
-    >
-      <button
-        className="btn-plain bdl-BackButton"
-        onClick={[Function]}
-        type="button"
-      >
-        <IconNavigateLeft
-          height={24}
-          width={24}
-        >
-          <AccessibleSVG
-            className="icon-navigate-left "
-            focusable="false"
-            height={24}
-            viewBox="0 0 48 48"
-            width={24}
-          >
-            <svg
-              aria-hidden="true"
-              className="icon-navigate-left "
-              focusable="false"
-              height={24}
-              role="presentation"
-              viewBox="0 0 48 48"
-              width={24}
-            >
-              <path
-                d="M30.8,33.2L21.7,24l9.2-9.2L28,12L16,24l12,12L30.8,33.2z"
-                fill="#494949"
-                stroke="#DCDCDC"
-                strokeMiterlimit="10"
-              />
-              <path
-                d="M0,0h48v48H0V0z"
-                display="none"
-                fill="none"
-              />
-            </svg>
-          </AccessibleSVG>
-        </IconNavigateLeft>
-        <span
-          className="accessibility-hidden"
-        >
-          <FormattedMessage
-            defaultMessage="Back"
-            id="be.back"
-          >
-            <div />
-          </FormattedMessage>
-        </span>
-      </button>
-    </PlainButton>
-  </Route>
-</BackButton>
-`;

package/src/elements/content-sidebar/versions/__tests__/__snapshots__/VersionsSidebar.test.js.snap

@@ -1,92 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`elements/content-sidebar/versions/VersionsSidebar render should show an inline error if the prop is provided 1`] = `
-<SidebarContent
-  className="bcs-Versions"
-  data-resin-component="preview"
-  data-resin-feature="versions"
-  elementId=""
-  sidebarView=""
-  title={
-    <React.Fragment>
-      <BackButton
-        data-resin-target="back"
-        to="/activity"
-      />
-      <FormattedMessage
-        defaultMessage="Version History"
-        id="be.sidebarVersions.title"
-      />
-    </React.Fragment>
-  }
->
-  <LoadingIndicatorWrapper
-    className="bcs-Versions-content"
-    crawlerPosition="top"
-  >
-    <InlineError
-      title={
-        <FormattedMessage
-          defaultMessage="Server Error"
-          id="be.sidebarVersions.serverError"
-        />
-      }
-    >
-      <FormattedMessage
-        defaultMessage="File versions could not be retrieved."
-        id="be.sidebarVersions.fetchError"
-      />
-    </InlineError>
-    <div
-      className="bcs-Versions-empty"
-    >
-      <FormattedMessage
-        defaultMessage="No prior versions are available for this file."
-        id="be.sidebarVersions.empty"
-      />
-    </div>
-  </LoadingIndicatorWrapper>
-</SidebarContent>
-`;
-
-exports[`elements/content-sidebar/versions/VersionsSidebar render should show the versions list if no error prop is provided 1`] = `
-<SidebarContent
-  className="bcs-Versions"
-  data-resin-component="preview"
-  data-resin-feature="versions"
-  elementId=""
-  sidebarView=""
-  title={
-    <React.Fragment>
-      <BackButton
-        data-resin-target="back"
-        to="/activity"
-      />
-      <FormattedMessage
-        defaultMessage="Version History"
-        id="be.sidebarVersions.title"
-      />
-    </React.Fragment>
-  }
->
-  <LoadingIndicatorWrapper
-    className="bcs-Versions-content"
-    crawlerPosition="top"
-  >
-    <div
-      className="bcs-Versions-menu"
-      data-testid="bcs-Versions-menu"
-    >
-      <Component
-        versions={
-          [
-            {
-              "id": "12345",
-            },
-          ]
-        }
-      />
-    </div>
-  </LoadingIndicatorWrapper>
-</SidebarContent>
-`;