@truedat/dd 4.44.0 → 4.44.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.44.0",
+  "version": "4.44.3",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.44.0",
+    "@truedat/test": "4.44.3",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -84,9 +84,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/auth": "4.44.0",
-    "@truedat/core": "4.44.0",
-    "@truedat/df": "4.44.0",
+    "@truedat/auth": "4.44.3",
+    "@truedat/core": "4.44.3",
+    "@truedat/df": "4.44.3",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.7.2",
@@ -107,5 +107,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "55fd4a8be70ca0d1bd4f3cb7b5eaf073b0350029"
+  "gitHead": "d5e72d523389c6e66d6f7168d7e3546b5d2ffdda"
 }

package/src/components/ImplementationStructuresLoader.js

@@ -1,20 +1,16 @@
 import _ from "lodash/fp";
 import { useEffect, useState } from "react";
 import PropTypes from "prop-types";
-import { connect, useSelector } from "react-redux";
+import { connect } from "react-redux";
 import { fetchStructure, clearStructure } from "../routines";
 
 export const ImplementationStructuresLoader = ({
-  structureIds,
-  fetchStructure,
   clearStructure,
+  fetchStructure,
+  structureIds,
+  structuresFields,
+  structuresSiblings,
 }) => {
-  const structuresFields = useSelector((state) =>
-    _.keys(state.structuresFields)
-  );
-  const structuresSiblings = useSelector((state) =>
-    _.keys(state.structuresSiblings)
-  );
   const structures = _.flow(
     _.concat(structuresFields),
     _.map(_.toInteger),
@@ -48,10 +44,17 @@ export const ImplementationStructuresLoader = ({
 };
 
 ImplementationStructuresLoader.propTypes = {
-  fetchStructure: PropTypes.func,
   clearStructure: PropTypes.func,
+  fetchStructure: PropTypes.func,
+  structuresFields: PropTypes.array,
+  structuresSiblings: PropTypes.array,
 };
 
-export default connect(null, { fetchStructure, clearStructure })(
+export const mapStateToProps = ({ structuresFields, structuresSiblings }) => ({
+  structuresFields: _.keys(structuresFields),
+  structuresSiblings: _.keys(structuresSiblings),
+});
+
+export default connect(mapStateToProps, { fetchStructure, clearStructure })(
   ImplementationStructuresLoader
 );

package/src/components/PendingStructureNotes.js

@@ -1,6 +1,7 @@
 import _ from "lodash/fp";
 import React, { useState } from "react";
-import { useSelector } from "react-redux";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
 import { FormattedMessage, useIntl } from "react-intl";
 import { gql, useQuery } from "@apollo/client";
 import { Checkbox, Form, Header, Icon, Segment } from "semantic-ui-react";
@@ -37,9 +38,8 @@ export const STRUCTURE_NOTES = gql`
 
 const STATUS = ["pending_approval", "draft", "rejected"];
 
-export const PendingStructureNotes = () => {
+export const PendingStructureNotes = ({ systems }) => {
   const { formatMessage } = useIntl();
-  const { systems } = useSelector(_.pick(["systems"]));
   const [filter, setFilter] = useState({
     statuses: STATUS,
   });
@@ -146,4 +146,10 @@ export const PendingStructureNotes = () => {
   );
 };
 
-export default PendingStructureNotes;
+PendingStructureNotes.propTypes = {
+  systems: PropTypes.array,
+};
+
+export const mapStateToProps = ({ systems }) => ({ systems });
+
+export default connect(mapStateToProps)(PendingStructureNotes);

package/src/components/__tests__/ImplementationStructuresLoader.spec.js

@@ -1,63 +1,21 @@
 import React from "react";
-import { mount } from "enzyme";
+import { render } from "@truedat/test/render";
 import { ImplementationStructuresLoader } from "../ImplementationStructuresLoader";
 
-jest.mock("@fluentui/react-component-event-listener", () => ({
-  documentRef: null,
-  windowRef: null,
-}));
-
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useSelector: jest.fn(() => [1]),
-}));
-
-const getProps = () => ({
-  fetchStructure: jest.fn(),
-  structureIds: [1, 2],
-  clearStructure: jest.fn(),
-});
-
 describe("<ImplementationStructuresLoader/>", () => {
-  it("matches the latest snapshot", () => {
-    const props = getProps();
-    const wrapper = mount(<ImplementationStructuresLoader {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("calls fetchStructure when component mounts but not when it unmounts", () => {
-    const props = getProps();
-    const wrapper = mount(<ImplementationStructuresLoader {...props} />);
-    expect(props.fetchStructure).toHaveBeenCalledTimes(1);
-    expect(props.fetchStructure).toHaveBeenCalledWith({ id: 2 });
-
-    wrapper.unmount();
-    expect(props.fetchStructure).toHaveBeenCalledTimes(1);
-  });
-
-  it("call fetchStructure when next id of structures when field id is already in structures fields", () => {
-    const props = { ...getProps(), structureIds: [1, 2] };
-    const wrapper = mount(<ImplementationStructuresLoader {...props} />);
-    expect(props.fetchStructure).toHaveBeenCalledTimes(1);
-    expect(props.fetchStructure).toHaveBeenCalledWith({ id: 2 });
-
-    wrapper.unmount();
+  it("calls fetchStructure on mount and clearStructure on unmount", () => {
+    const props = {
+      clearStructure: jest.fn(),
+      fetchStructure: jest.fn(),
+      structureIds: [42],
+    };
+    const { unmount } = render(<ImplementationStructuresLoader {...props} />);
+    expect(props.clearStructure).toHaveBeenCalledTimes(0);
     expect(props.fetchStructure).toHaveBeenCalledTimes(1);
-  });
+    expect(props.fetchStructure).toHaveBeenCalledWith({ id: 42 });
 
-  it("calls clearStructure when component unmounts but not when it mounts", () => {
-    const props = getProps();
-    const wrapper = mount(<ImplementationStructuresLoader {...props} />);
-    expect(props.clearStructure).toHaveBeenCalledTimes(0);
-    wrapper.unmount();
+    unmount();
     expect(props.clearStructure).toHaveBeenCalledTimes(1);
-  });
-
-  it("calls fetchStructures when structureIds is updated", () => {
-    const props = getProps();
-    const wrapper = mount(<ImplementationStructuresLoader {...props} />);
-    wrapper.setProps({ structureIds: [6, 5] });
-    expect(props.fetchStructure).toHaveBeenCalledTimes(2);
-    expect(props.fetchStructure).toHaveBeenCalledWith({ id: 5 });
+    expect(props.fetchStructure).toHaveBeenCalledTimes(1);
   });
 });

package/src/components/__tests__/LineageEventsTable.spec.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { render } from "@truedat/test/render";
 import { LineageEventsTable } from "../LineageEventsTable";
-import en from "../../messages/en";
 
 describe("<LineageEventsTable />", () => {
   const lineageEvents = [
@@ -19,9 +18,7 @@ describe("<LineageEventsTable />", () => {
 
   it("matches the latest snapshot", () => {
     const props = { fetchLineageEvents, lineageEvents, lineageEventsLoading };
-    const { container } = render(<LineageEventsTable {...props} />, {
-      messages: { en },
-    });
+    const { container } = render(<LineageEventsTable {...props} />);
     expect(container).toMatchSnapshot();
   });
 
@@ -31,9 +28,7 @@ describe("<LineageEventsTable />", () => {
       lineageEvents: [],
       lineageEventsLoading,
     };
-    const { container } = render(<LineageEventsTable {...props} />, {
-      messages: { en },
-    });
+    const { container } = render(<LineageEventsTable {...props} />);
     expect(container).toMatchSnapshot();
   });
 });

package/src/components/__tests__/PendingStructureNoteRow.spec.js

@@ -3,21 +3,6 @@ import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
 import PendingStructureNoteRow from "../PendingStructureNoteRow";
 
-const renderOpts = {
-  messages: {
-    en: {
-      "pendingStructureNotes.search.results.empty": "Empty",
-      "pendingStructureNotes.props.structure": "Structure",
-      "pendingStructureNotes.props.status": "Status",
-      "pendingStructureNotes.props.system": "System",
-      "pendingStructureNotes.props.domains": "Domains",
-      "structure.notes.status.deprecated": "Deprecated",
-      "structure.notes.status.draft": "Draft",
-      "structure.notes.status.rejected": "Rejected",
-    },
-  },
-};
-
 const props = {
   structureNote: {
     id: "7207",
@@ -40,8 +25,7 @@ describe("<PendingStructureNoteRow />", () => {
         <tbody>
           <PendingStructureNoteRow {...props} />
         </tbody>
-      </table>,
-      renderOpts
+      </table>
     );
     expect(container).toMatchSnapshot();
 

package/src/components/__tests__/PendingStructureNotes.spec.js

@@ -1,44 +1,17 @@
 import React, { Suspense } from "react";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
-import {
-  PendingStructureNotes,
+import PendingStructureNotes, {
   STRUCTURE_NOTES,
 } from "../PendingStructureNotes";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useSelector: jest.fn((selector) =>
-    selector({
-      systems: [
-        { external_id: "some_external_id", id: 10, name: "some system" },
-      ],
-    })
-  ),
-}));
-
 const domains = [
   { id: 1, name: "Domain 1", level: 0 },
   { id: 2, name: "Domain 2", level: 0 },
 ];
-
-const messages = {
-  en: {
-    "structure.notes.status.pending_approval": "Empty",
-    "pendingStructureNotes.filters": "Filters",
-    "pendingStructureNotes.props.status": "Status",
-    "pendingStructureNotes.props.system": "System",
-    "pendingStructureNotes.props.domains": "Domains",
-    "structure.notes.status.draft": "Draft",
-    "structure.notes.status.rejected": "Rejected",
-    "pendingStructureNotes.header": "Header",
-    "pendingStructureNotes.subheader": "Sub header",
-    "pendingStructureNotes.search.results.empty": "Serch Empty",
-    "domain.selector.placeholder": "Place Holder",
-    "domain.selector.label": "label",
-    "template.form.validation.empty_required": "empty required",
-  },
-};
+const systems = [
+  { external_id: "some_external_id", id: 10, name: "some system" },
+];
 
 const structureNotes = {
   loading: false,
@@ -77,8 +50,7 @@ const structureNotesMock = {
 
 const renderOpts = {
   mocks: [structureNotesMock],
-  messages,
-  state: { domains },
+  state: { domains, systems },
 };
 
 describe("<PendingStructureNotes />", () => {

package/src/components/__tests__/StructureGrantRequestButton.spec.js

@@ -2,25 +2,15 @@ import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-
 import { StructureGrantRequestButton } from "../StructureGrantRequestButton";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 describe("<StructureGrantRequestButton />", () => {
   it("render a button", async () => {
     const props = {
       requested: false,
       authorized: true,
     };
-    const { getByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { getByText } = render(<StructureGrantRequestButton {...props} />);
     expect(getByText("Request grant")).toMatchSnapshot();
   });
 
@@ -33,10 +23,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: true,
     };
-    const { findByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureGrantRequestButton {...props} />);
     userEvent.click(await findByText("Request grant"));
     await waitFor(() => {
       expect(addRequest.mock.calls.length).toBe(1);
@@ -53,10 +40,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: true,
     };
-    const { findByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureGrantRequestButton {...props} />);
     userEvent.click(await findByText("Pending request"));
     await waitFor(() => {
       expect(addRequest.mock.calls.length).toBe(0);
@@ -73,10 +57,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: false,
     };
-    const component = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const component = render(<StructureGrantRequestButton {...props} />);
     const { queryAllByText } = component;
     expect(queryAllByText("Request grant")).toHaveLength(0);
     expect(queryAllByText("Pending request")).toHaveLength(0);

package/src/components/__tests__/StructureNoteActions.spec.js

@@ -4,17 +4,6 @@ import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
 import { StructureNoteActions } from "../StructureNoteActions";
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: {
-    en: {
-      ...messages,
-      "confirmation.no": "No",
-      "confirmation.yes": "Yes",
-    },
-  },
-};
 
 describe("<StructureNoteActions />", () => {
   it("matches the latest snapshot", () => {
@@ -47,10 +36,7 @@ describe("<StructureNoteActions />", () => {
       structure: { id: 1 },
     };
 
-    const { findByText } = render(
-      <StructureNoteActions {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureNoteActions {...props} />);
 
     userEvent.click(await findByText(/Delete/));
 
@@ -85,10 +71,7 @@ describe("<StructureNoteActions />", () => {
       structure: { id: 1 },
     };
 
-    const { findByText } = render(
-      <StructureNoteActions {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureNoteActions {...props} />);
 
     userEvent.click(await findByText(/Send to approve/));
 

package/src/components/__tests__/StructureNotes.spec.js

@@ -1,24 +1,13 @@
 import React, { Suspense } from "react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import { intl } from "@truedat/test/intl-stub";
 import { StructureNotes } from "../StructureNotes";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 jest.mock("@truedat/df/components/DynamicFormViewer", () => {
   const DynamicFormViewer = () => <div>DynamicFormViewer</div>;
   return DynamicFormViewer;
 });
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
 describe("<StructureNotes />", () => {
   it("matches the latest snapshot", async () => {
     const props = {
@@ -46,16 +35,15 @@ describe("<StructureNotes />", () => {
     const { findByText, container } = render(
       <Suspense fallback={null}>
         <StructureNotes {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
     expect(container).toMatchSnapshot();
 
-    userEvent.click(await findByText(/show_versioned/));
+    userEvent.click(await findByText("Show previous versions"));
 
     expect(container).toMatchSnapshot();
 
-    userEvent.click(await findByText(/collapsed/));
+    userEvent.click(await findByText("Show content"));
 
     expect(container).toMatchSnapshot();
   });

package/src/components/__tests__/StructureNotesEdit.spec.js

@@ -2,16 +2,9 @@ import React, { Suspense } from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import { intl } from "@truedat/test/intl-stub";
 import { applyTemplate } from "@truedat/df/utils";
 import { StructureNotesEdit } from "../StructureNotesEdit";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 const DynamicForm = () => <div>DynamicForm</div>;
 const TemplateLoader = () => <div>TemplateLoader</div>;
 
@@ -21,10 +14,6 @@ jest.mock(
   () => TemplateLoader
 );
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
 describe("<StructureNotesEdit />", () => {
   it("matches the latest snapshot", () => {
     const props = {
@@ -42,8 +31,7 @@ describe("<StructureNotesEdit />", () => {
     const { container } = render(
       <Suspense fallback={null}>
         <StructureNotesEdit {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
     expect(container).toMatchSnapshot();
   });
@@ -82,11 +70,10 @@ describe("<StructureNotesEdit />", () => {
     const { findByText } = render(
       <Suspense fallback={null}>
         <StructureNotesEdit {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
 
-    userEvent.click(await findByText(/actions\.save/));
+    userEvent.click(await findByText("Save"));
 
     await waitFor(() => {
       expect(doStructureNoteAction.mock.calls.length).toBe(1);

package/src/components/__tests__/StructureTagForm.spec.js

@@ -3,16 +3,14 @@ import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
 import { DOMAINS_QUERY } from "@truedat/core/api/queries";
-import coreEn from "@truedat/core/messages/en";
 import StructureTagForm from "../StructureTagForm";
-import en from "../../messages/en";
 
 const domainsMock = {
   request: { query: DOMAINS_QUERY },
   result: { data: { domains: [{ id: "123", name: "foo" }] } },
 };
+
 const renderOpts = {
-  messages: { en: { ...coreEn, ...en } },
   mocks: [domainsMock],
 };
 

package/src/components/__tests__/StructuresOptions.spec.js

@@ -1,13 +1,7 @@
 import React from "react";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
-import coreEn from "@truedat/core/messages/en";
 import StructuresOptions from "../StructuresOptions";
-import en from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: { ...coreEn, ...en } },
-};
 
 describe("<StructuresOptions />", () => {
   const props = {
@@ -18,7 +12,7 @@ describe("<StructuresOptions />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container } = render(<StructuresOptions {...props} />, renderOpts);
+    const { container } = render(<StructuresOptions {...props} />);
     await waitFor(() => expect(container).toMatchSnapshot());
   });
 });

package/src/components/__tests__/StructuresUploadEventsTable.spec.js

@@ -1,8 +1,6 @@
-import _ from "lodash/fp";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import en from "../../messages/en";
 import StructuresUploadEventsTable from "../StructuresUploadEventsTable";
 
 const events = [
@@ -55,8 +53,9 @@ const events = [
 ];
 
 const renderOpts = {
-  messages: { en },
-  state: { structuresUploadEvents: events },
+  state: {
+    structuresUploadEvents: events,
+  },
 };
 
 describe("<StructuresUploadEventsTable />", () => {

package/src/components/__tests__/__snapshots__/PendingStructureNotes.spec.js.snap

@@ -16,11 +16,11 @@ exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Header
+        Pending Notes
         <div
           class="sub header"
         >
-          Sub header
+          Structure notes pending some action
         </div>
       </div>
     </h2>
@@ -50,7 +50,7 @@ exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
             value=""
           />
           <label>
-            Empty
+            Pending approval
           </label>
         </div>
         <div

package/src/components/__tests__/__snapshots__/StructureNavClassified.spec.js.snap

@@ -50,7 +50,7 @@ exports[`<StructureNavClassified /> matches the latest snapshot (leaf class expa
       <div
         class="header noselect"
       >
-        default
+        unclassified
       </div>
     </div>
   </div>
@@ -91,7 +91,7 @@ exports[`<StructureNavClassified /> matches the latest snapshot 1`] = `
       <div
         class="header noselect"
       >
-        default
+        unclassified
       </div>
     </div>
   </div>

package/src/components/__tests__/__snapshots__/StructureNotes.spec.js.snap

@@ -20,7 +20,7 @@ exports[`<StructureNotes /> matches the latest snapshot 1`] = `
       <button
         class="ui button"
       >
-        structure.notes.actions.show_versioned
+        Show previous versions
       </button>
     </div>
   </div>
@@ -50,7 +50,7 @@ exports[`<StructureNotes /> matches the latest snapshot 2`] = `
       <button
         class="ui button"
       >
-        structure.notes.actions.show_versioned
+        Show previous versions
       </button>
       <div
         class="ui segment"
@@ -62,19 +62,19 @@ exports[`<StructureNotes /> matches the latest snapshot 2`] = `
             <div
               class="ui label basic"
             >
-              structure.notes.status.versioned
+              Versioned
             </div>
             <div
               class="ui label basic"
             >
-              structure.notes.version
+              Version: 1
             </div>
           </div>
           <div>
             <button
               class="ui button"
             >
-              structure.notes.df_content.collapsed.true
+              Show content
             </button>
           </div>
         </div>
@@ -107,7 +107,7 @@ exports[`<StructureNotes /> matches the latest snapshot 3`] = `
       <button
         class="ui button"
       >
-        structure.notes.actions.show_versioned
+        Show previous versions
       </button>
       <div
         class="ui segment"
@@ -119,19 +119,19 @@ exports[`<StructureNotes /> matches the latest snapshot 3`] = `
             <div
               class="ui label basic"
             >
-              structure.notes.status.versioned
+              Versioned
             </div>
             <div
               class="ui label basic"
             >
-              structure.notes.version
+              Version: 1
             </div>
           </div>
           <div>
             <button
               class="ui button"
             >
-              structure.notes.df_content.collapsed.false
+              Hide content
             </button>
           </div>
         </div>

package/src/components/__tests__/__snapshots__/StructureNotesEdit.spec.js.snap

@@ -12,14 +12,14 @@ exports[`<StructureNotesEdit /> matches the latest snapshot 1`] = `
       <button
         class="ui primary button"
       >
-        actions.save
+        Save
       </button>
       <a
         class="ui secondary button"
         href="/"
         role="button"
       >
-        actions.cancel
+        Cancel
       </a>
     </form>
   </div>

package/src/components/__tests__/__snapshots__/ImplementationStructuresLoader.spec.js.snap

@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ImplementationStructuresLoader/> matches the latest snapshot 1`] = `
-<ImplementationStructuresLoader
-  clearStructure={[MockFunction]}
-  fetchStructure={
-    [MockFunction] {
-      "calls": Array [
-        Array [
-          Object {
-            "id": 2,
-          },
-        ],
-      ],
-      "results": Array [
-        Object {
-          "type": "return",
-          "value": undefined,
-        },
-      ],
-    }
-  }
-  structureIds={
-    Array [
-      1,
-      2,
-    ]
-  }
-/>
-`;