feat: create test playground + introduce navigation#275
Open
eszlamczyk wants to merge 8 commits intomainfrom
Open
feat: create test playground + introduce navigation#275eszlamczyk wants to merge 8 commits intomainfrom
eszlamczyk wants to merge 8 commits intomainfrom
Conversation
hryhoriiK97
requested changes
Apr 30, 2026
Collaborator
hryhoriiK97
left a comment
There was a problem hiding this comment.
Overall looks really nice - we are moving in the right direction. I've left a few comments, please take a look 🙏
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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/Why?
First phase of setting up Maestro E2E tests for
react-native-enriched-markdown. To make automated testing
feasible, a dedicated
PlaygroundScreenwas added to theexample app as a stable, testable surface. Additionaly introduced
react-navigationto the app to make example app better to read.React Navigation
To incorporate react navigation introduced Home screen that includes routing buttons for each available example screen (Playground, Text, Input, Stream). On top of that added simple header informing about current screen and giving ability to go back to home screen.
Playground
The playground includes:
- Focus / Blur / Clear controls for the editor
- Size toggle (base <-> max height) to test dynamic layout
- Formatting toolbar with Bold, Italic, Underline,
Strikethrough, Spoiler, and Link toggles
- Link modal for inserting/editing links
- "Get Raw Markdown" button that shows the current markdown
via an alert
- Live preview panel using
EnrichedMarkdownTextthatreflects editor content (he made by typing using either features of
EnrichedMarkdownTextInputor*normal markdown syntax*) in real timeTesting
Run the example app on Android or iOS and navigate to the
Playground screen. Verify that:
- The formatting toolbar correctly applies and removes
styles
- The link modal opens, accepts input, and inserts/removes
links
- The size toggle resizes the editor
- "Get Raw Markdown" displays the current content
- The preview panel updates live as you type
Screenshots
(example in text view)
Input element screenshot
PR Checklist