Tests: Add structural assertions to JSX parser tests #341
+430
−138
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What
Part of #315.
Adds structural assertions to jsx-parser tests that verify the parser produces correct React element output.
Why
PR #331 covered 10 React components in blocks-v3. For most, the mocks were sufficient to test rendered output. But jsx-parser is different: it parses HTML strings into React elements using jQuery DOM methods. The simple jQuery mock in #331 didn't support these, so tests could only verify the parser runs without errors.
This PR enhances the mock to return real DOM nodes, enabling assertions on what the parser actually produces.
How
Enhanced the jQuery mock to parse HTML using
DOMParser, enabling assertions on actual output:Testing Instructions
npm run test:unit -- tests/js/blocks-v3/ # 174 tests pass