test: allow more simple findElement by data-testid

[HowardBraham]

Description

Allows you to convert code like

await driver.findElement({
  css: '[data-testid="aaa"]',
  text: 'bbb',
});

into

await driver.findElement({
  testId: 'aaa',
  text: 'bbb',
});

It cannot handle these two more complex cases, so just leave them as is:

1. '[data-testid="aaa"] input'
2. 'button[data-testid="aaa"]'

Related issues

Manual testing steps

Try some conversions in spec files

Screenshots/Recordings

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 [79119ff]

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

Page Load Metrics (2103 ± 86 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1777	2431	2098	178	85
		domContentLoaded	1724	2374	2053	174	84
		load	1775	2435	2103	178	86
		domInteractive	30	87	56	17	8
		backgroundConnect	14	99	46	27	13
		firstReactRender	51	124	97	15	7
		getState	9	53	24	16	8
		initialActions	0	1	0	0	0
		loadScripts	1287	1815	1524	135	65
		setupStore	13	69	29	19	9
		uiStartup	1931	2650	2315	195	94

Bundle size diffs

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

[seaona]

nice addition 🔥

[hjetpoluru]

Wow this helps a lot..