test(e2e): Add E2E test for Snaps WASM (MetaMask#17932)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

This adds an E2E test for WASM in Snaps.

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry:

## **Related issues**

Closes MetaMask/snaps#3494.

## **Manual testing steps**

n/a

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [ ] I’ve followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

Author: Mrtenz

e2e/selectors/Browser/TestSnaps.selectors.ts

@@ -15,6 +15,7 @@ export const TestSnapViewSelectorWebIDS = {
   connectNetworkAccessButton: 'connectnetwork-access',
   connectEthereumProviderButton: 'connectethereum-provider',
   connectStateButton: 'connectstate',
+  connectWasmButton: 'connectwasm',
   getPreferencesButton: 'getPreferences',
   getPublicKeyBip44Button: 'sendBip44Test',
   signMessageBip44Button: 'signBip44Message',
@@ -39,6 +40,7 @@ export const TestSnapViewSelectorWebIDS = {
   getChainIdButton: 'sendEthprovider',
   getAccountsButton: 'sendEthproviderAccounts',
   personalSignButton: 'signPersonalSignMessage',
+  sendWasmMessageButton: 'sendWasmMessage',
   signTypedDataButton: 'signTypedDataButton',
 };
 
@@ -59,6 +61,7 @@ export const TestSnapInputSelectorWebIDS = {
   webSocketUrlInput: 'webSocketUrl',
   personalSignMessageInput: 'personalSignMessage',
   signTypedDataMessageInput: 'signTypedData',
+  wasmInput: 'wasmInput',
 };
 
 export const EntropyDropDownSelectorWebIDS = {
@@ -94,6 +97,7 @@ export const TestSnapResultSelectorWebIDS = {
   sendUnencryptedManageStateResultSpan: 'sendUnencryptedManageStateResult',
   signTypedDataResultSpan: 'signTypedDataResult',
   unencryptedStateResultSpan: 'unencryptedStateResult',
+  wasmResultSpan: 'wasmResult',
 };
 
 export const TestSnapBottomSheetSelectorWebIDS = {

e2e/specs/snaps/test-snap-wasm.spec.ts

@@ -0,0 +1,39 @@
+import { FlaskBuildTests } from '../../tags';
+import { loginToApp } from '../../viewHelper';
+import FixtureBuilder from '../../framework/fixtures/FixtureBuilder';
+import { withFixtures } from '../../framework/fixtures/FixtureHelper';
+import TabBarComponent from '../../pages/wallet/TabBarComponent';
+import TestSnaps from '../../pages/Browser/TestSnaps';
+
+jest.setTimeout(150_000);
+
+describe(FlaskBuildTests('WASM Snap Tests'), () => {
+  it('can connect to the WASM Snap', async () => {
+    await withFixtures(
+      {
+        fixture: new FixtureBuilder().build(),
+        restartDevice: true,
+      },
+      async () => {
+        await loginToApp();
+        await TabBarComponent.tapBrowser();
+        await TestSnaps.navigateToTestSnap();
+
+        await TestSnaps.installSnap('connectWasmButton');
+      },
+    );
+  });
+
+  it('return a response for the given number', async () => {
+    await withFixtures(
+      {
+        fixture: new FixtureBuilder().build(),
+      },
+      async () => {
+        await TestSnaps.fillMessage('wasmInput', '23');
+        await TestSnaps.tapButton('sendWasmMessageButton');
+        await TestSnaps.checkResultSpan('wasmResultSpan', '28657');
+      },
+    );
+  });
+});