test: migrate NFT tests to Typescript and Page object modal

[chloeYue]

Description

Create base methods, and migrate following nft e2e tests files to Typescript and Page object modal.

test/e2e/tests/tokens/nft/import-erc1155.spec.js
test/e2e/tests/tokens/nft/remove-erc1155.spec.js
test/e2e/tests/tokens/nft/remove-nft.spec.js 
test/e2e/tests/tokens/nft/view-erc1155-details.spec.js
test/e2e/tests/tokens/nft/view-nft-details.spec.js

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/MMQA-344 and https://consensyssoftware.atlassian.net/browse/MMQA-350

Manual testing steps

Tests should pass and be robust

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

• builds: chrome, firefox
• 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
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1192 ± 57 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1192	1074	1360	57	1229	1293
			load	1037	943	1179	53	943	993
			domContentLoaded	1031	939	1174	52	950	994
			domInteractive	16	13	33	4	16	27
			firstPaint	797	130	1182	378	256	993
			backgroundConnect	10	6	51	5	9	10
			firstReactRender	19	15	38	4	19	26
			getState	10	4	28	6	6	8
			initialActions	0	0	1	0	0	0
			loadScripts	817	730	958	51	853	910
			setupStore	7	5	14	2	7	8
	Webpack	Home	uiStartup	991	856	1282	86	983	997
			load	846	715	958	54	870	940
			domContentLoaded	840	711	950	53	867	927
			domInteractive	16	12	55	8	14	37
			firstPaint	551	59	953	350	855	896
			backgroundConnect	17	11	43	8	15	40
			firstReactRender	14	12	41	5	14	28
			getState	7	4	15	2	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	837	710	949	52	863	917
			setupStore	8	5	16	2	8	9
Firefox	Browserify	Home	uiStartup	1421	1218	1979	161	1455	1784
			load	1276	1094	1814	156	1326	1657
			domContentLoaded	1276	1094	1814	156	1326	1657
			domInteractive	104	40	173	29	88	98
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	17	53	6	28	35
			firstReactRender	23	19	40	3	25	29
			getState	7	4	43	4	7	9
			initialActions	0	0	2	0	0	1
			loadScripts	1252	1073	1789	155	1306	1636
			setupStore	7	4	24	3	6	7
	Webpack	Home	uiStartup	976	832	1264	126	893	977
			load	856	723	1112	112	830	958
			domContentLoaded	855	723	1112	112	829	957
			domInteractive	116	34	231	31	180	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	19	13	43	6	20	31
			firstReactRender	18	16	29	2	18	24
			getState	8	4	55	6	8	9
			initialActions	0	0	2	0	0	1
			loadScripts	838	711	1085	108	840	977
			setupStore	8	5	51	7	7	8

Bundle size diffs

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

[seaona]

overall looks good! Just a small nit, let me know what you think 🙏

[metamaskbot]

Builds ready [3fa4d00]

• builds: chrome, firefox
• 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
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1186 ± 64 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1186	1047	1401	64	1218	1334
			load	1038	932	1241	61	1241	979
			domContentLoaded	1032	917	1237	61	917	983
			domInteractive	16	13	37	5	16	29
			firstPaint	777	129	1243	389	231	972
			backgroundConnect	9	6	34	3	9	10
			firstReactRender	18	14	47	4	19	23
			getState	11	4	33	7	6	9
			initialActions	0	0	1	0	0	1
			loadScripts	818	709	1028	60	835	911
			setupStore	7	5	22	2	7	8
	Webpack	Home	uiStartup	963	772	1313	84	962	988
			load	821	649	928	54	849	897
			domContentLoaded	815	645	918	53	844	886
			domInteractive	16	12	44	8	14	38
			firstPaint	541	57	888	335	835	859
			backgroundConnect	16	11	40	7	15	37
			firstReactRender	14	12	33	4	13	27
			getState	6	4	13	2	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	812	644	907	52	843	883
			setupStore	7	5	16	2	7	9
Firefox	Browserify	Home	uiStartup	1393	1190	2021	164	1429	1850
			load	1253	1064	1860	157	1285	1681
			domContentLoaded	1253	1064	1859	157	1285	1681
			domInteractive	102	39	185	24	91	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	16	75	10	25	44
			firstReactRender	23	19	52	4	24	29
			getState	6	4	9	1	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1230	1048	1837	156	1263	1657
			setupStore	6	4	17	2	6	7
	Webpack	Home	uiStartup	987	838	1667	179	908	982
			load	868	731	1526	165	812	927
			domContentLoaded	867	730	1525	165	812	926
			domInteractive	112	39	175	25	173	96
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	20	14	132	12	21	30
			firstReactRender	18	16	29	2	19	23
			getState	10	4	74	13	7	9
			initialActions	0	0	1	0	0	1
			loadScripts	849	719	1394	156	797	913
			setupStore	7	4	14	2	7	8

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

• background: -61.13 KiB (-1.03%)
• ui: 2.63 KiB (0.04%)
• common: 68.73 KiB (0.73%)

[seaona]

LGTM awesome work!!