Update preinstalled example and test-snaps

Author: Mrtenz

packages/examples/packages/preinstalled/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "orIGELPnJuNGSXC/IH7XrDciP6y+csrN9oWh//+m7DI=",
+    "shasum": "yNJdBPGXVZJZHIjQtrlPGXA+BlDBZhjZIswZbTjuYkM=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/examples/packages/preinstalled/src/index.tsx

@@ -64,6 +64,23 @@ export const onRpcRequest: OnRpcRequestHandler = async ({ request }) => {
       });
     }
 
+    case 'startTrace':
+      return await snap.request({
+        method: 'snap_startTrace',
+        params: {
+          name: 'Test Snap Trace',
+        },
+      });
+
+    case 'endTrace': {
+      return await snap.request({
+        method: 'snap_endTrace',
+        params: {
+          name: 'Test Snap Trace',
+        },
+      });
+    }
+
     default:
       throw new MethodNotFoundError({ method: request.method });
   }

packages/snaps-rpc-methods/src/permitted/endTrace.ts

@@ -99,7 +99,9 @@ function getEndTraceImplementation(
 
   try {
     const validatedParams = getValidatedParams(params);
-    response.result = endTrace(validatedParams);
+    endTrace(validatedParams);
+
+    response.result = null;
   } catch (error) {
     return end(error);
   }

packages/test-snaps/src/features/snaps/preinstalled/Preinstalled.tsx

@@ -30,6 +30,20 @@ export const Preinstalled: FunctionComponent = () => {
     }).catch(logError);
   };
 
+  const handleStartTrace = () => {
+    invokeSnap({
+      snapId: PREINSTALLED_SNAP_ID,
+      method: 'startTrace',
+    }).catch(logError);
+  };
+
+  const handleEndTrace = () => {
+    invokeSnap({
+      snapId: PREINSTALLED_SNAP_ID,
+      method: 'endTrace',
+    }).catch(logError);
+  };
+
   return (
     <Snap
       name="Preinstalled Snap"
@@ -63,6 +77,24 @@ export const Preinstalled: FunctionComponent = () => {
           Track error
         </Button>
       </ButtonGroup>
+      <ButtonGroup className="mb-3">
+        <Button
+          variant="primary"
+          id="start-trace"
+          disabled={isLoading}
+          onClick={handleStartTrace}
+        >
+          Start trace
+        </Button>
+        <Button
+          variant="primary"
+          id="end-trace"
+          disabled={isLoading}
+          onClick={handleEndTrace}
+        >
+          End trace
+        </Button>
+      </ButtonGroup>
       <Result>
         <span id="rpcResult">
           {JSON.stringify(data, null, 2)}