test: remove toMatchSnapshot and removed snapshot files inaccounts tests (#28551)

<!--
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**

Refactors several React Native tests to stop using toMatchSnapshot and
instead assert key UI elements are present via getByTestId/getByText and
toBeOnTheScreen().

Deletes the corresponding Jest snapshot files for
BackupAndSyncFeaturesToggles, BackupAndSyncToggle,
ConfirmTurnOnBackupAndSyncModal, BackupAndSyncSettings, and
MultichainAccountsConnectedList, and updates assertions to use stable
IDs/translated strings (e.g., BACKUP_AND_SYNC_TOGGLE_TEST_IDS and
strings(...)).

## **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**

Fixes:

## **Manual testing steps**

```gherkin
Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]
```

## **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.

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Low Risk**
> Test-only changes that remove brittle `toMatchSnapshot` coverage in
favor of targeted assertions; low risk aside from potentially missing
some structural regression detection previously covered by snapshots.
> 
> **Overview**
> Refactors several React Native tests to **stop using
`toMatchSnapshot`** and instead assert key UI elements are present via
`getByTestId`/`getByText` and `toBeOnTheScreen()`.
> 
> Deletes the corresponding Jest snapshot files for
`BackupAndSyncFeaturesToggles`, `BackupAndSyncToggle`,
`ConfirmTurnOnBackupAndSyncModal`, `BackupAndSyncSettings`, and
`MultichainAccountsConnectedList`, and updates assertions to use stable
IDs/translated strings (e.g., `BACKUP_AND_SYNC_TOGGLE_TEST_IDS` and
`strings(...)`).
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit
28a4755. Bugbot is set up for automated
code reviews on this repo. Configure
[here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: cortisiko

app/components/UI/Identity/BackupAndSyncFeaturesToggles/BackupAndSyncFeaturesToggles.test.tsx

@@ -67,11 +67,17 @@ describe('BackupAndSyncToggle', () => {
     );
   });
 
-  it('renders correctly', () => {
-    const { toJSON } = renderWithProvider(<BackupAndSyncFeaturesToggles />, {
-      state: MOCK_STORE_STATE,
+  it('renders all feature toggle sections', () => {
+    const { getByTestId } = renderWithProvider(
+      <BackupAndSyncFeaturesToggles />,
+      {
+        state: MOCK_STORE_STATE,
+      },
+    );
+
+    backupAndSyncFeaturesTogglesSections.forEach((section) => {
+      expect(getByTestId(section.testID)).toBeOnTheScreen();
     });
-    expect(toJSON()).toMatchSnapshot();
   });
 
   it('tracks toggle event when toggling the switch', async () => {

app/components/UI/Identity/BackupAndSyncFeaturesToggles/__snapshots__/BackupAndSyncFeaturesToggles.test.tsx.snap

@@ -3,6 +3,7 @@ import React from 'react';
 import BackupAndSyncToggle from './BackupAndSyncToggle';
 import renderWithProvider from '../../../../util/test/renderWithProvider';
 import Routes from '../../../../constants/navigation/Routes';
+import { BACKUP_AND_SYNC_TOGGLE_TEST_IDS } from './BackupAndSyncToggle.testIds';
 import { act, fireEvent, waitFor } from '@testing-library/react-native';
 import { toggleBasicFunctionality } from '../../../../actions/settings';
 import { BACKUPANDSYNC_FEATURES } from '@metamask/profile-sync-controller/user-storage';
@@ -92,16 +93,19 @@ describe('BackupAndSyncToggle', () => {
     );
   });
 
-  it('renders correctly', () => {
-    const { toJSON } = renderWithProvider(
+  it('renders the toggle switch', () => {
+    const { getByTestId } = renderWithProvider(
       <BackupAndSyncToggle
         trackBackupAndSyncToggleEventOverride={mockTrackEventOverride}
       />,
       {
         state: MOCK_STORE_STATE,
       },
     );
-    expect(toJSON()).toMatchSnapshot();
+
+    expect(
+      getByTestId(BACKUP_AND_SYNC_TOGGLE_TEST_IDS.TOGGLE),
+    ).toBeOnTheScreen();
   });
 
   it('tracks the event when the toggle is changed', async () => {

app/components/UI/Identity/BackupAndSyncToggle/BackupAndSyncToggle.test.tsx

@@ -7,6 +7,7 @@ import renderWithProvider from '../../../../util/test/renderWithProvider';
 import { useNavigation } from '@react-navigation/native';
 import { fireEvent, waitFor } from '@testing-library/react-native';
 import { toggleBasicFunctionality } from '../../../../actions/settings';
+import { strings } from '../../../../../locales/i18n';
 
 jest.mock('../../../../actions/settings', () => ({
   ...jest.requireActual('../../../../actions/settings'),
@@ -69,13 +70,17 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('ConfirmTurnOnBackupAndSyncModal', () => {
-  it('renders correctly', () => {
-    const { toJSON } = renderWithProvider(
+  it('renders the title and confirm button', () => {
+    const { getByText } = renderWithProvider(
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       //@ts-ignore
       <ConfirmTurnOnBackupAndSyncModal navigation={useNavigation()} />,
     );
-    expect(toJSON()).toMatchSnapshot();
+
+    expect(getByText(strings('backupAndSync.enable.title'))).toBeOnTheScreen();
+    expect(
+      getByText(strings('default_settings.sheet.buttons.turn_on')),
+    ).toBeOnTheScreen();
   });
 
   it('enables basic functionality, then backup and sync', async () => {