fix tests

Author: GuillaumeRx

packages/snaps-rpc-methods/src/permitted/createInterface.test.tsx

@@ -9,6 +9,7 @@ import {
   Form,
   Container,
   Footer,
+  Copyable,
 } from '@metamask/snaps-sdk/jsx';
 import type { JsonRpcRequest, PendingJsonRpcResponse } from '@metamask/utils';
 
@@ -140,7 +141,7 @@ describe('snap_createInterface', () => {
       error: {
         code: -32602,
         message:
-          'Invalid params: At path: ui -- Expected type to be one of: "Address", "Bold", "Box", "Button", "Copyable", "Divider", "Dropdown", "RadioGroup", "FileInput", "Form", "Heading", "Input", "Image", "Italic", "Link", "Row", "Spinner", "Text", "Tooltip", "Checkbox", "Card", "Icon", "Selector", "Section", "Avatar", "Container", but received: undefined.',
+          'Invalid params: At path: ui -- Expected type to be one of: "Address", "Bold", "Box", "Button", "Copyable", "Divider", "Dropdown", "RadioGroup", "Field", "FileInput", "Form", "Heading", "Input", "Image", "Italic", "Link", "Row", "Spinner", "Text", "Tooltip", "Checkbox", "Card", "Icon", "Selector", "Section", "Avatar", "Container", but received: undefined.',
         stack: expect.any(String),
       },
       id: 1,
@@ -179,7 +180,7 @@ describe('snap_createInterface', () => {
         ui: (
           <Box>
             <Field label="Input">
-              <Input name="input" />
+              <Copyable value="foo" />
             </Field>
           </Box>
         ) as JSXElement,
@@ -190,7 +191,7 @@ describe('snap_createInterface', () => {
       error: {
         code: -32602,
         message:
-          'Invalid params: At path: ui.props.children -- Expected type to be one of: "Address", "Bold", "Box", "Button", "Copyable", "Divider", "Dropdown", "RadioGroup", "FileInput", "Form", "Heading", "Input", "Image", "Italic", "Link", "Row", "Spinner", "Text", "Tooltip", "Checkbox", "Card", "Icon", "Selector", "Section", "Avatar", but received: "Field".',
+          'Invalid params: At path: ui.props.children.props.children -- Expected the value to satisfy a union of `tuple | tuple | tuple | object | object | object | object | object | object`, but received: [object Object].',
         stack: expect.any(String),
       },
       id: 1,

packages/snaps-simulator/src/features/builder/utils.test.ts

@@ -9,6 +9,7 @@ import {
   Copyable,
   Heading,
   Option,
+  Container,
 } from '@metamask/snaps-sdk/jsx';
 import type { NodeModel } from '@minoru/react-dnd-treeview';
 
@@ -30,7 +31,7 @@ describe('isValidBoxChild', () => {
   });
 
   it('returns false for invalid box children', () => {
-    const child = Field({ children: Input({ name: 'input' }) });
+    const child = Container({ children: Input({ name: 'input' }) });
     expect(isValidBoxChild(child)).toBe(false);
   });
 });
@@ -80,7 +81,7 @@ describe('setElementChildren', () => {
     const element = Box({
       children: [Text({ children: 'foo' }), Heading({ children: 'baz' })],
     });
-    const children = Field({ children: Input({ name: 'input' }) });
+    const children = Container({ children: Input({ name: 'input' }) });
 
     const result = setElementChildren(element, children, isValidBoxChild);
     expect(result).toStrictEqual(element.props.children);