run prettier

Author: cmd-ob

docs/testing/e2e/mobile-e2e-api-mocking.md

@@ -68,7 +68,9 @@ export const DEFAULT_MOCKS = {
   ],
 };
 ```
+
 j
+
 ### Adding New Default Mocks
 
 To add default mocks that benefit all tests:
@@ -209,10 +211,10 @@ import { setupMockPostRequest } from '../api-mocking/helpers/mockHelpers';
 await setupMockPostRequest(
   mockServer,
   'https://api.example.com/validate',
-  { 
+  {
     method: 'transfer',
     amount: '1000000000000000000',
-    to: '0x742d35cc6634c0532925a3b8d0ea4405abf5adf3'
+    to: '0x742d35cc6634c0532925a3b8d0ea4405abf5adf3',
   }, // Expected request body
   { result: 'validated', txId: '0x123...' }, // Mock response
   {
@@ -232,7 +234,7 @@ await setupMockRequest(mockServer, {
   response: { data: 'secure-data' },
   responseCode: 200,
   headers: {
-    'Authorization': 'Bearer mock-token',
+    Authorization: 'Bearer mock-token',
     'Content-Type': 'application/json',
   },
 });
@@ -313,10 +315,14 @@ await setupRemoteFeatureFlagsMock(mockServer, {
 });
 
 // Environment-specific flags
-await setupRemoteFeatureFlagsMock(mockServer, {
-  devOnlyFeature: true,
-  prodOptimization: false,
-}, 'flask'); // Flask distribution
+await setupRemoteFeatureFlagsMock(
+  mockServer,
+  {
+    devOnlyFeature: true,
+    prodOptimization: false,
+  },
+  'flask',
+); // Flask distribution
 ```
 
 ## 🎭 Complete Mocking Examples
@@ -337,8 +343,9 @@ describe(SmokeE2E('Token Price Display'), () => {
         requestMethod: 'GET',
         url: 'https://price-api.metamask.io/v2/chains/1/spot-prices',
         response: {
-          '0x0000000000000000000000000000000000000000': { // ETH
-            price: 2500.50,
+          '0x0000000000000000000000000000000000000000': {
+            // ETH
+            price: 2500.5,
             currency: 'usd',
           },
         },
@@ -415,23 +422,29 @@ const setupSwapMocks = async (mockServer: Mockttp) => {
   await setupMockRequest(mockServer, {
     requestMethod: 'GET',
     url: 'https://price-api.metamask.io/v2/chains/1/spot-prices',
-    response: { /* price data */ },
+    response: {
+      /* price data */
+    },
     responseCode: 200,
   });
 
   // Swap quotes mock
   await setupMockRequest(mockServer, {
     requestMethod: 'GET',
     url: /^https:\/\/swap-api\.metamask\.io\/networks\/1\/trades/,
-    response: { /* quote data */ },
+    response: {
+      /* quote data */
+    },
     responseCode: 200,
   });
 
   // Gas API mock
   await setupMockRequest(mockServer, {
     requestMethod: 'GET',
     url: 'https://gas-api.metamask.io/networks/1/gasPrices',
-    response: { /* gas prices */ },
+    response: {
+      /* gas prices */
+    },
     responseCode: 200,
   });
 };
@@ -453,13 +466,13 @@ await withFixtures(
 
 ```typescript
 // ✅ Good - specific endpoint
-url: 'https://api.metamask.io/v2/chains/1/spot-prices'
+url: 'https://api.metamask.io/v2/chains/1/spot-prices';
 
 // ✅ Better - regex for dynamic parts
-url: /^https:\/\/api\.metamask\.io\/v2\/chains\/\d+\/spot-prices$/
+url: /^https:\/\/api\.metamask\.io\/v2\/chains\/\d+\/spot-prices$/;
 
 // ❌ Avoid - too broad, may interfere with other requests
-url: 'metamask.io'
+url: 'metamask.io';
 ```
 
 ### 2. Handle Request Bodies Properly
@@ -513,7 +526,6 @@ The mock server automatically tracks and logs:
 - **Request/response timing** information
 - **Feature flag configurations** applied
 
-
 ### Common Debugging Steps
 
 1. **Check test output** for mock-related warnings
@@ -542,10 +554,10 @@ Enable debug logging to see mock activity:
 
 ```typescript
 // ❌ Too specific - might miss query parameters
-url: 'https://api.example.com/data'
+url: 'https://api.example.com/data';
 
 // ✅ More flexible pattern
-url: /^https:\/\/api\.example\.com\/data(\?.*)?$/
+url: /^https:\/\/api\.example\.com\/data(\?.*)?$/;
 ```
 
 ### POST Body Validation Failing
@@ -599,4 +611,4 @@ Before submitting tests with custom mocks:
 - [ ] No hardcoded values that should come from constants
 - [ ] Error scenarios mocked when testing error handling
 
-The MetaMask Mobile API mocking system provides comprehensive control over network requests, enabling reliable and deterministic E2E tests. By following these patterns, you'll create tests that are both isolated and realistic.
+The MetaMask Mobile API mocking system provides comprehensive control over network requests, enabling reliable and deterministic E2E tests. By following these patterns, you'll create tests that are both isolated and realistic.

docs/testing/e2e/mobile-e2e-framework-guide.md

@@ -25,7 +25,7 @@ MetaMask Mobile uses a modern TypeScript-based E2E testing framework built on De
 
 ```
 e2e/framework/                    # Modern TypeScript framework
-├── Assertions.ts                # Enhanced assertions with auto-retry  
+├── Assertions.ts                # Enhanced assertions with auto-retry
 ├── Gestures.ts                  # Robust user interactions
 ├── Matchers.ts                  # Type-safe element selectors
 ├── Utilities.ts                 # Core utilities with retry mechanisms
@@ -61,7 +61,7 @@ describe(SmokeE2E('Feature Name'), () => {
       },
       async () => {
         await loginToApp();
-        
+
         // Test implementation here
       },
     );
@@ -153,7 +153,7 @@ await Utilities.executeWithRetry(
     timeout: 30000,
     description: 'tap button and verify navigation',
     elemDescription: 'Submit Button',
-  }
+  },
 );
 
 // Element state checking utilities
@@ -170,56 +170,63 @@ await Utilities.checkElementReadyState(element, {
 
 ```typescript
 // Basic fixture
-new FixtureBuilder().build()
+new FixtureBuilder().build();
 
 // With popular networks
-new FixtureBuilder().withPopularNetworks().build()
+new FixtureBuilder().withPopularNetworks().build();
 
 // With Ganache network for local testing
-new FixtureBuilder().withGanacheNetwork().build()
+new FixtureBuilder().withGanacheNetwork().build();
 
 // With connected test dapp
 new FixtureBuilder()
   .withPermissionControllerConnectedToTestDapp(buildPermissions(['0x539']))
-  .build()
+  .build();
 
 // With pre-configured tokens and contacts
 new FixtureBuilder()
   .withAddressBookControllerContactBob()
   .withTokensControllerERC20()
-  .build()
+  .build();
 ```
 
 ### Advanced withFixtures Configuration
 
 ```typescript
-import { DappVariants, LocalNodeType, GanacheHardfork } from '../framework/fixtures/constants';
+import {
+  DappVariants,
+  LocalNodeType,
+  GanacheHardfork,
+} from '../framework/fixtures/constants';
 
 await withFixtures(
   {
     fixture: new FixtureBuilder().withGanacheNetwork().build(),
     restartDevice: true,
-    
+
     // Configure test dapps
     dapps: [
       { dappVariant: DappVariants.MULTICHAIN },
       { dappVariant: DappVariants.TEST_DAPP },
     ],
-    
+
     // Configure local blockchain nodes
-    localNodeOptions: [{
-      type: LocalNodeType.ganache,
-      options: {
-        hardfork: GanacheHardfork.london,
-        mnemonic: 'WORD1 WORD2 WORD3 WORD4 WORD5 WORD6 WORD7 WORD8 WORD9 WORD10 WORD11 WORD12'
-      }
-    }],
-    
+    localNodeOptions: [
+      {
+        type: LocalNodeType.ganache,
+        options: {
+          hardfork: GanacheHardfork.london,
+          mnemonic:
+            'WORD1 WORD2 WORD3 WORD4 WORD5 WORD6 WORD7 WORD8 WORD9 WORD10 WORD11 WORD12',
+        },
+      },
+    ],
+
     // Test-specific API mocks (see API Mocking Guide)
     testSpecificMock: async (mockServer) => {
       // Custom mocking logic
     },
-    
+
     // Additional launch arguments
     launchArgs: {
       fixtureServerPort: 8545,
@@ -244,7 +251,7 @@ class SendView {
   get sendButton() {
     return Matchers.getElementByID(SendViewSelectors.SEND_BUTTON);
   }
-  
+
   get amountInput() {
     return Matchers.getElementByID(SendViewSelectors.AMOUNT_INPUT);
   }
@@ -269,7 +276,7 @@ class SendView {
       description: 'send button should be visible',
     });
   }
-  
+
   // Complex interaction with retry
   async sendETHWithRetry(amount: string): Promise<void> {
     await Utilities.executeWithRetry(
@@ -284,7 +291,7 @@ class SendView {
       {
         timeout: 30000,
         description: 'complete send ETH transaction',
-      }
+      },
     );
   }
 }
@@ -336,8 +343,10 @@ await Gestures.tap(button, { description: 'tap submit button' });
 
 // ✅ Use framework retry mechanisms
 await Utilities.executeWithRetry(
-  async () => { /* operation */ },
-  { timeout: 30000, description: 'retry operation' }
+  async () => {
+    /* operation */
+  },
+  { timeout: 30000, description: 'retry operation' },
 );
 ```
 
@@ -346,6 +355,7 @@ await Utilities.executeWithRetry(
 ### Common Framework Issues
 
 #### "Element not enabled" Errors
+
 ```typescript
 // Solution: Skip enabled check for temporarily disabled elements
 await Gestures.tap(loadingButton, {
@@ -355,6 +365,7 @@ await Gestures.tap(loadingButton, {
 ```
 
 #### "Element moving/animating" Errors
+
 ```typescript
 // Solution: Enable stability checking for animated elements
 await Gestures.tap(animatedButton, {
@@ -364,6 +375,7 @@ await Gestures.tap(animatedButton, {
 ```
 
 #### Framework Migration Issues
+
 ```typescript
 // ❌ Old deprecated pattern
 await Assertions.checkIfVisible(element, 15000);
@@ -378,34 +390,37 @@ await Assertions.expectElementToBeVisible(element, {
 ## 🔄 Migration from Legacy Framework
 
 ### Migration Status
+
 Current migration phases from [`e2e/framework/README.md`](https://github.com/MetaMask/metamask-mobile/blob/main/e2e/framework/README.md):
 
 - ✅ Phase 0: TypeScript framework foundation
-- ✅ Phase 1: ESLint for E2E tests  
+- ✅ Phase 1: ESLint for E2E tests
 - ⏳ Phase 2: Legacy framework replacement
 - ⏳ Phase 3: Gradual test migration
 
 ### For New Tests
+
 - Use TypeScript framework exclusively
 - Import from `e2e/framework/index.ts`
 - Follow all patterns in this guide
 - Use `withFixtures` pattern
 
 ### For Existing Tests
+
 - Gradually migrate to TypeScript framework
 - Replace deprecated methods (check `@deprecated` tags)
 - Update imports to use framework entry point
 - Add `description` parameters to all framework calls
 
 ### Common Migration Patterns
 
-| Legacy Pattern | Modern Framework Equivalent |
-|----------------|----------------------------|
-| `TestHelpers.delay(5000)` | `Assertions.expectElementToBeVisible(element, {timeout: 5000})` |
-| `checkIfVisible(element, 15000)` | `expectElementToBeVisible(element, {timeout: 15000, description: '...'})` |
-| `waitFor(element).toBeVisible()` | `expectElementToBeVisible(element, {description: '...'})` |
-| `tapAndLongPress(element)` | `longPress(element, {description: '...'})` |
-| `clearField(element); typeText(element, text)` | `typeText(element, text, {clearFirst: true, description: '...'})` |
+| Legacy Pattern                                 | Modern Framework Equivalent                                               |
+| ---------------------------------------------- | ------------------------------------------------------------------------- |
+| `TestHelpers.delay(5000)`                      | `Assertions.expectElementToBeVisible(element, {timeout: 5000})`           |
+| `checkIfVisible(element, 15000)`               | `expectElementToBeVisible(element, {timeout: 15000, description: '...'})` |
+| `waitFor(element).toBeVisible()`               | `expectElementToBeVisible(element, {description: '...'})`                 |
+| `tapAndLongPress(element)`                     | `longPress(element, {description: '...'})`                                |
+| `clearField(element); typeText(element, text)` | `typeText(element, text, {clearFirst: true, description: '...'})`         |
 
 ## 📚 Framework Resources
 
@@ -428,4 +443,4 @@ Before using the framework in tests, ensure:
 - [ ] Framework retry mechanisms used instead of manual loops
 - [ ] TypeScript types used for better development experience
 
-The MetaMask Mobile E2E framework provides a robust, reliable foundation for writing maintainable end-to-end tests. By following these patterns and avoiding anti-patterns, you'll create tests that are both resilient and easy to understand.
+The MetaMask Mobile E2E framework provides a robust, reliable foundation for writing maintainable end-to-end tests. By following these patterns and avoiding anti-patterns, you'll create tests that are both resilient and easy to understand.