feat: better test reports

[itsyoboieltr]

Description

This PR improves the current test reporting capabilities.

Related issues

Fixes: #31994

Manual testing steps

1. Test reporting works (and is less flaky)

Screenshots/Recordings

Not applicable

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 [6b2a3ca]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

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

UI Startup Metrics (1207 ± 65 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1207	1099	1542	65	1245	1318
			load	1054	953	1249	57	1087	1172
			domContentLoaded	1048	938	1244	58	1082	1165
			domInteractive	16	13	51	5	16	28
			firstPaint	756	79	1252	407	1065	1151
			backgroundConnect	7	4	27	4	7	20
			firstReactRender	18	15	35	3	18	24
			getState	12	4	34	7	18	26
			initialActions	0	0	2	0	0	1
			loadScripts	812	706	1002	55	845	916
			setupStore	7	5	17	2	7	10
	Webpack	Home	uiStartup	2220	1756	2676	182	2356	2460
			load	1742	1320	2261	162	1836	1940
			domContentLoaded	1735	1311	2257	161	1828	1934
			domInteractive	17	11	58	11	14	48
			firstPaint	192	74	1661	160	211	312
			backgroundConnect	37	10	278	46	42	61
			firstReactRender	171	54	367	107	278	346
			getState	13	4	43	8	15	34
			initialActions	3	1	8	1	4	5
			loadScripts	1730	1308	2255	162	1823	1927
			setupStore	28	6	391	47	27	53
Firefox	Browserify	Home	uiStartup	1340	1142	1617	107	1407	1574
			load	1198	1024	1478	106	1271	1403
			domContentLoaded	1198	1023	1478	106	1271	1402
			domInteractive	103	37	353	39	117	165
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	20	12	92	10	20	28
			firstReactRender	23	18	56	7	25	49
			getState	9	4	208	21	7	26
			initialActions	0	0	1	0	0	1
			loadScripts	1181	1010	1459	105	1259	1365
			setupStore	5	4	13	1	6	7
	Webpack	Home	uiStartup	1615	1431	2158	142	1702	1874
			load	1387	1226	1904	131	1468	1636
			domContentLoaded	1387	1225	1904	131	1466	1636
			domInteractive	79	33	132	18	88	117
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	23	15	67	7	24	37
			firstReactRender	36	29	60	5	38	48
			getState	11	5	48	8	10	31
			initialActions	1	0	2	1	1	1
			loadScripts	1366	1204	1837	128	1450	1614
			setupStore	8	5	36	4	9	12

cc: @HowardBraham
Benchmark value 20 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 2220 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1742 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1736 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1731 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2461 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 26 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 1616 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1388 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1388 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 1367 exceeds gate value 1360 for firefox webpack home mean loadScripts
Sum of mean exceeds: 147ms | Sum of p95 exceeds: 11ms
Sum of all benchmark exceeds: 158ms

Bundle size diffs

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

[metamaskbot]

Builds ready [8be50c6]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

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

UI Startup Metrics (1193 ± 56 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1193	1077	1365	56	1227	1300
			load	1039	904	1187	51	1067	1128
			domContentLoaded	1033	895	1181	51	1062	1124
			domInteractive	17	13	62	7	17	28
			firstPaint	685	84	1179	410	1041	1114
			backgroundConnect	7	3	31	4	7	11
			firstReactRender	23	15	79	10	24	39
			getState	13	6	35	7	17	28
			initialActions	0	0	3	0	0	1
			loadScripts	792	661	924	49	824	876
			setupStore	8	4	30	3	8	13
	Webpack	Home	uiStartup	2253	1711	2645	194	2397	2506
			load	1748	1285	2126	157	1846	2051
			domContentLoaded	1740	1282	2117	154	1841	1958
			domInteractive	16	11	69	11	14	46
			firstPaint	170	67	515	77	201	304
			backgroundConnect	32	10	172	24	38	77
			firstReactRender	214	55	391	111	315	359
			getState	15	4	42	9	19	35
			initialActions	3	2	7	1	4	6
			loadScripts	1735	1280	2092	151	1839	1933
			setupStore	21	6	171	18	25	40
Firefox	Browserify	Home	uiStartup	1364	1200	1710	104	1439	1593
			load	1216	1053	1551	99	1289	1411
			domContentLoaded	1216	1052	1551	99	1289	1411
			domInteractive	101	38	210	29	115	155
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	14	128	14	20	38
			firstReactRender	23	20	53	5	23	30
			getState	8	4	34	4	8	11
			initialActions	0	0	1	0	0	1
			loadScripts	1196	1040	1530	99	1269	1391
			setupStore	8	4	183	18	6	12
	Webpack	Home	uiStartup	1532	1333	2095	129	1606	1801
			load	1317	1173	1891	120	1371	1552
			domContentLoaded	1317	1173	1890	120	1370	1552
			domInteractive	79	38	336	30	83	114
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	15	78	9	23	37
			firstReactRender	35	28	57	5	36	45
			getState	10	5	55	8	9	31
			initialActions	0	0	2	1	1	1
			loadScripts	1298	1158	1813	118	1355	1526
			setupStore	8	5	26	3	8	15

cc: @HowardBraham
Benchmark value 2253 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1749 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1740 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1735 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2506 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2051 exceeds gate value 2030 for chrome webpack home p95 load
Sum of mean exceeds: 171ms | Sum of p95 exceeds: 73ms
Sum of all benchmark exceeds: 244ms

Bundle size diffs [🚀 Bundle size reduced!]

• background: -6.85 KiB (-0.13%)
• ui: 57.51 KiB (0.82%)
• common: -5.94 KiB (-0.06%)