test: [POM] Migrate dapp interaction e2e tests to TS and Page Object Model (part1)

[chloeYue]

Description

First PR to migrate dapp interaction e2e tests to TypeScript and the Page Object Model.

Specs migrated:

test/e2e/tests/dapp-interactions/block-explorer.spec.js
test/e2e/tests/dapp-interactions/dapp-interactions.spec.js

Page classes created:

test/e2e/page-objects/pages/confirmations/redesign/add-network-confirmations.ts
test/e2e/page-objects/pages/confirmations/redesign/connect-account-confirmation.ts
test/e2e/page-objects/pages/mocked-page.ts

Related issues

Fixes:

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 [cc7d329]

• 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, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1751 ± 61 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1532	1997	1751	123	59
		domContentLoaded	1516	1986	1724	124	60
		load	1535	2013	1751	126	61
		domInteractive	23	95	41	20	10
		backgroundConnect	9	73	36	23	11
		firstReactRender	16	177	42	39	19
		getState	4	141	20	31	15
		initialActions	0	1	0	0	0
		loadScripts	1032	1534	1268	125	60
		setupStore	7	64	17	18	9
		uiStartup	1723	2730	2031	218	105

Bundle size diffs [🚨 Warning! Bundle size has increased!]

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

[metamaskbot]

Builds ready [2823ea7]

• 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, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1890 ± 86 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1556	2239	1901	185	89
		domContentLoaded	1529	2170	1856	172	82
		load	1544	2235	1890	178	86
		domInteractive	26	104	46	26	12
		backgroundConnect	13	96	37	25	12
		firstReactRender	16	167	57	38	18
		getState	5	62	17	18	9
		initialActions	0	1	0	0	0
		loadScripts	1068	1709	1372	154	74
		setupStore	8	80	24	23	11
		uiStartup	1777	3062	2245	308	148

Bundle size diffs [🚨 Warning! Bundle size has increased!]

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