MetaMask / MetaMask/metamask-mobile
Remove Enzyme usage (1/5)
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
### What is this about?
Replace enzyme usage in the follow files with React testing library
```
app/components/Nav/Main/index.test.tsx
app/components/Views/SimpleWebview/index.test.tsx
app/components/Views/Settings/index.test.tsx
app/components/Views/ResetPassword/index.test.tsx
app/components/Views/ManualBackupStep3/index.test.tsx
app/components/Views/ManualBackupStep2/index.test.tsx
app/components/Views/ManualBackupStep1/index.test.tsx
app/components/Views/ChoosePassword/index.test.tsx
app/components/Views/Collectible/index.test.tsx
app/components/Views/BrowserUrlModal/BrowserUrlModal.test.tsx
app/components/Views/BrowserTab/index.test.tsx
app/components/Views/AssetDetails/index.test.tsx
app/components/Approvals/WatchAssetApproval/WatchAssetApproval.test.tsx
app/components/Approvals/WalletConnectApproval/WalletConnectApproval.test.tsx
app/components/Approvals/TransactionApproval/TransactionApproval.test.tsx
app/components/Approvals/TemplateConfirmationModal/TemplateConfirmationModal.test.tsx
app/components/Approvals/SwitchChainApproval/SwitchChainApproval.test.tsx
app/components/Approvals/SignatureApproval/SignatureApproval.test.tsx
app/components/Approvals/FlowLoaderModal/FlowLoaderModal.test.tsx
app/components/Approvals/ConnectApproval/ConnectApproval.test.tsx
```
### Scenario
_No response_
### Design
_No response_
### Technical Details
_No response_
### Threat Modeling Framework
_No response_
### Acceptance Criteria
- All files listed should no longer have traces of enzyme
### Stakeholder review needed before the work gets merged
- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)
### References
_No response_
Contributor guide
Research direction
Start by reviewing the listed app/components/**/*.test.tsx files and running their current tests to identify each file's Enzyme usage. Migrate the tests to React Testing Library, then verify that every listed file contains no remaining Enzyme traces and that the test suite passes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, react-native, typescript
- Domain
- mobile, testing
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100