address requested changes

packages/examples/packages/preinstalled/src/components/index.ts

@@ -1,3 +1,3 @@
-export * from './dialog';
-export * from './result';
-export * from './settings';
+export * from './Dialog';
+export * from './Result';
+export * from './Settings';

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

@@ -1,7 +1,7 @@
 import { expect } from '@jest/globals';
 import { installSnap } from '@metamask/snaps-jest';
 
-import { Dialog, Result } from './components';
+import { Dialog, Result, Settings } from './components';
 
 describe('onRpcRequest', () => {
   it('throws an error if the requested method does not exist', async () => {
@@ -61,4 +61,42 @@ describe('onRpcRequest', () => {
       expect(result).toRespondWith('foo bar');
     });
   });
+
+  describe('getSettings', () => {
+    it('returns the settings state', async () => {
+      const { request, onSettingsPage } = await installSnap();
+
+      const settingPageResponse = await onSettingsPage();
+
+      const screen = settingPageResponse.getInterface();
+
+      await screen.clickElement('setting1');
+
+      await screen.selectFromRadioGroup('setting2', 'option1');
+
+      await screen.selectInDropdown('setting3', 'option2');
+
+      expect(
+        await request({
+          method: 'getSettings',
+        }),
+      ).toRespondWith({
+        setting1: true,
+        setting2: 'option1',
+        setting3: 'option2',
+      });
+    });
+  });
+});
+
+describe('onSettingsPage', () => {
+  it('returns custom UI', async () => {
+    const { onSettingsPage } = await installSnap();
+
+    const response = await onSettingsPage();
+
+    const screen = response.getInterface();
+
+    expect(screen).toRender(<Settings />);
+  });
 });

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

@@ -25,6 +25,7 @@ type SnapState = {
  * @returns The JSON-RPC response.
  * @see https://docs.metamask.io/snaps/reference/exports/#onrpcrequest
  * @see https://docs.metamask.io/snaps/reference/rpc-api/#wallet_invokesnap
+ * @see https://docs.metamask.io/snaps/reference/snaps-api/#snap_dialog
  * @see https://docs.metamask.io/snaps/reference/snaps-api/#snap_managestate
  */
 export const onRpcRequest: OnRpcRequestHandler = async ({ request }) => {