test: [POM] Migrate connections e2e tests to TS and Page Object Model

[chloeYue]

Description

• Migrate connections e2e tests to TS and Page Object Model

test/e2e/tests/connections/edit-account-flow.spec.ts
test/e2e/tests/connections/edit-networks-flow.spec.ts

• Remove the spec test/e2e/tests/connections/connect-with-metamask.spec.js as it's already completely tested in another spec. We don't want to repeat testing.

• create more class methods for permission page class

Related issues

Fixes: #29440

Manual testing steps

Check code readability, make sure tests pass.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• 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 format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). 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.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [955d3fe]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 13, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1674 ± 54 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1490	1872	1678	108	52
		domContentLoaded	1439	1844	1644	115	55
		load	1475	1854	1674	113	54
		domInteractive	23	80	40	16	8
		backgroundConnect	7	74	35	20	10
		firstReactRender	15	83	43	27	13
		getState	5	53	16	14	7
		initialActions	0	0	0	0	0
		loadScripts	1056	1379	1237	86	41
		setupStore	6	64	11	13	6
		uiStartup	1690	2309	1953	151	73

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 0 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[seaona]

Overall looks good. Added a couple of small comments, but non-blocking

[metamaskbot]

Builds ready [bcbf4b5]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 13, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1650 ± 59 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1443	1876	1654	122	58
		domContentLoaded	1435	1863	1616	109	52
		load	1443	1882	1650	124	59
		domInteractive	24	139	50	36	17
		backgroundConnect	9	162	35	36	17
		firstReactRender	16	96	39	29	14
		getState	5	180	21	39	19
		initialActions	0	1	0	0	0
		loadScripts	1047	1374	1198	91	44
		setupStore	6	86	21	25	12
		uiStartup	1725	2603	1977	241	116