From 514858ecf009baf1d6b61c3ae1a28f90b1b97d8c Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Wed, 22 Jul 2020 10:29:08 -0300
Subject: [PATCH] Attempt to fix commonmark fork

---
 .../__snapshots__/Storyshots.test.js.snap     | 2725 ++++++++++++++++-
 package.json                                  |    2 +-
 yarn.lock                                     |    4 +-
 3 files changed, 2726 insertions(+), 5 deletions(-)

diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index 4b04cc4a8..00afce885 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -80,6 +80,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           This is Rocket.Chat
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="This is Rocket.Chat"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          This is Rocket.Chat
+        </Text>
       </Text>
     </View>
     <Text
@@ -147,6 +177,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </Text>
       </Text>
     </View>
     <Text
@@ -217,6 +277,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         <Text>
           
 
+        </Text>
+        <Text
+          accessibilityLabel="a"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          a
+        </Text>
+        <Text>
+          
+
         </Text>
         <Text
           accessibilityLabel="b"
@@ -247,6 +337,70 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         <Text>
           
 
+        </Text>
+        <Text
+          accessibilityLabel="b"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          b
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="c"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          c
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text>
+          
+
         </Text>
         <Text
           accessibilityLabel="c"
@@ -319,6 +473,74 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         <Text>
           
 
+        </Text>
+        <Text
+          accessibilityLabel="d"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          d
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="e"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          e
+        </Text>
+        <Text>
+          
+
         </Text>
         <Text
           accessibilityLabel="e"
@@ -387,6 +609,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           ]
         }
       >
+        <Text
+          accessibilityLabel="This is edited"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          This is edited
+        </Text>
+        <Text>
+          
+
+        </Text>
         <Text
           accessibilityLabel="This is edited"
           style={
@@ -754,6 +1006,203 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           }
         >
            
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Object {
+                "color": "#2f343d",
+              },
+            ]
+          }
+        >
+          @unknown
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          onPress={[Function]}
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#1d74f5",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+            ]
+          }
+        >
+          rocket.cat
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          onPress={[Function]}
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#1d74f5",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+            ]
+          }
+        >
+          name1
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+              Object {
+                "backgroundColor": "#FF5B5A",
+              },
+            ]
+          }
+        >
+          all
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+              Object {
+                "backgroundColor": "#FF5B5A",
+              },
+            ]
+          }
+        >
+          here
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
         </Text>
         <Text
           style={
@@ -988,6 +1437,203 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           }
         >
            
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Object {
+                "color": "#2f343d",
+              },
+            ]
+          }
+        >
+          @unknown
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          onPress={[Function]}
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#1d74f5",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+            ]
+          }
+        >
+          Rocket Cat
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          onPress={[Function]}
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#1d74f5",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+            ]
+          }
+        >
+          Name
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+              Object {
+                "backgroundColor": "#FF5B5A",
+              },
+            ]
+          }
+        >
+          all
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#ffffff",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+              Object {
+                "backgroundColor": "#FF5B5A",
+              },
+            ]
+          }
+        >
+          here
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
         </Text>
         <Text
           style={
@@ -1089,6 +1735,70 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           }
         >
            
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Object {
+                "color": "#2f343d",
+              },
+            ]
+          }
+        >
+          #unknown
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          onPress={[Function]}
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#E8F2FF",
+                "color": "#0072FE",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "500",
+                "padding": 5,
+              },
+            ]
+          }
+        >
+          test-channel
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
         </Text>
         <Text
           style={
@@ -1174,6 +1884,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           Unicode: 😃😇👍
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Unicode: 😃😇👍"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Unicode: 😃😇👍
+        </Text>
       </Text>
       <Text
         style={
@@ -1245,6 +1985,70 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           👍
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Shortnames: "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Shortnames: 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#2f343d",
+              },
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          😂
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#2f343d",
+              },
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          👍
+        </Text>
       </Text>
       <Text
         style={
@@ -1397,6 +2201,184 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           }
         >
            
+        </Text>
+        <View
+          style={
+            Array [
+              Object {
+                "overflow": "hidden",
+              },
+              Object {
+                "height": 20,
+                "width": 20,
+              },
+            ]
+          }
+        >
+          <FastImageView
+            resizeMode="contain"
+            source={
+              Object {
+                "priority": "high",
+                "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+              }
+            }
+            style={
+              Object {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              }
+            }
+          />
+        </View>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Custom emojis: "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Custom emojis: 
+        </Text>
+        <View
+          style={
+            Array [
+              Object {
+                "overflow": "hidden",
+              },
+              Object {
+                "height": 20,
+                "width": 20,
+              },
+            ]
+          }
+        >
+          <FastImageView
+            resizeMode="contain"
+            source={
+              Object {
+                "priority": "high",
+                "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+              }
+            }
+            style={
+              Object {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              }
+            }
+          />
+        </View>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
+        </Text>
+        <View
+          style={
+            Array [
+              Object {
+                "overflow": "hidden",
+              },
+              Object {
+                "height": 20,
+                "width": 20,
+              },
+            ]
+          }
+        >
+          <FastImageView
+            resizeMode="contain"
+            source={
+              Object {
+                "priority": "high",
+                "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+              }
+            }
+            style={
+              Object {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              }
+            }
+          />
+        </View>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
         </Text>
         <View
           style={
@@ -1519,6 +2501,121 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           }
         >
            
+        </Text>
+        <View
+          style={
+            Array [
+              Object {
+                "overflow": "hidden",
+              },
+              Object {
+                "height": 30,
+                "width": 30,
+              },
+            ]
+          }
+        >
+          <FastImageView
+            resizeMode="contain"
+            source={
+              Object {
+                "priority": "high",
+                "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+              }
+            }
+            style={
+              Object {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              }
+            }
+          />
+        </View>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="😃 "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 30,
+                  "fontWeight": "400",
+                },
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          😃 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#2f343d",
+              },
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 30,
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          👍
+        </Text>
+        <Text
+          accessibilityLabel=" "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 30,
+                  "fontWeight": "400",
+                },
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           
         </Text>
         <View
           style={
@@ -1649,6 +2746,37 @@ exports[`Storyshots Markdown list Markdown 1`] = `
             >
               This is block quote
             </Text>
+            <Text>
+              
+
+            </Text>
+            <Text
+              accessibilityLabel="This is block quote"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                  Array [
+                    Object {},
+                    undefined,
+                    Object {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "flexWrap": "wrap",
+                      "justifyContent": "flex-start",
+                      "marginBottom": 0,
+                      "marginTop": 0,
+                    },
+                  ],
+                ]
+              }
+            >
+              This is block quote
+            </Text>
           </Text>
         </View>
       </View>
@@ -1688,6 +2816,36 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           this is a normal line
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="this is a normal line"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          this is a normal line
+        </Text>
       </Text>
     </View>
     <Text
@@ -1818,6 +2976,99 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           [description](url)
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          onLongPress={[Function]}
+          onPress={[Function]}
+          style={
+            Object {
+              "backgroundColor": "transparent",
+              "color": "#1d74f5",
+              "fontFamily": "System",
+              "fontSize": 16,
+              "fontWeight": "400",
+            }
+          }
+        >
+          <Text
+            accessibilityLabel="Markdown link"
+            style={
+              Array [
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                },
+                Array [
+                  Object {},
+                  Object {
+                    "alignItems": "flex-start",
+                    "flexDirection": "row",
+                    "flexWrap": "wrap",
+                    "justifyContent": "flex-start",
+                    "marginBottom": 0,
+                    "marginTop": 0,
+                  },
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                ],
+              ]
+            }
+          >
+            Markdown link
+          </Text>
+        </Text>
+        <Text
+          accessibilityLabel=": "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          : 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#f1f2f4",
+                "borderColor": "#f1f2f4",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "color": "#2f343d",
+                "fontFamily": "Courier New",
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          [description](url)
+        </Text>
       </Text>
       <Text
         style={
@@ -1918,6 +3169,99 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           &lt;url|description&gt;
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          onLongPress={[Function]}
+          onPress={[Function]}
+          style={
+            Object {
+              "backgroundColor": "transparent",
+              "color": "#1d74f5",
+              "fontFamily": "System",
+              "fontSize": 16,
+              "fontWeight": "400",
+            }
+          }
+        >
+          <Text
+            accessibilityLabel="Formatted Link"
+            style={
+              Array [
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                },
+                Array [
+                  Object {},
+                  Object {
+                    "alignItems": "flex-start",
+                    "flexDirection": "row",
+                    "flexWrap": "wrap",
+                    "justifyContent": "flex-start",
+                    "marginBottom": 0,
+                    "marginTop": 0,
+                  },
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                ],
+              ]
+            }
+          >
+            Formatted Link
+          </Text>
+        </Text>
+        <Text
+          accessibilityLabel=": "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          : 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#f1f2f4",
+                "borderColor": "#f1f2f4",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "color": "#2f343d",
+                "fontFamily": "Courier New",
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          &lt;url|description&gt;
+        </Text>
       </Text>
     </View>
     <Text
@@ -1973,6 +3317,24 @@ exports[`Storyshots Markdown list Markdown 1`] = `
             }
           }
         />
+        <Text>
+          
+
+        </Text>
+        <Image
+          source={
+            Object {
+              "uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
+            }
+          }
+          style={
+            Object {
+              "height": 300,
+              "resizeMode": "contain",
+              "width": 300,
+            }
+          }
+        />
       </Text>
     </View>
     <Text
@@ -2039,6 +3401,41 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           Header 1
         </Text>
       </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 1"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 24,
+                  "fontWeight": "700",
+                },
+              ],
+            ]
+          }
+        >
+          Header 1
+        </Text>
+      </Text>
       <Text
         style={
           Array [
@@ -2074,6 +3471,76 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           Header 2
         </Text>
       </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 2"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 22,
+                  "fontWeight": "700",
+                },
+              ],
+            ]
+          }
+        >
+          Header 2
+        </Text>
+      </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 3"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 20,
+                  "fontWeight": "600",
+                },
+              ],
+            ]
+          }
+        >
+          Header 3
+        </Text>
+      </Text>
       <Text
         style={
           Array [
@@ -2144,6 +3611,41 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           Header 4
         </Text>
       </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 4"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 18,
+                  "fontWeight": "600",
+                },
+              ],
+            ]
+          }
+        >
+          Header 4
+        </Text>
+      </Text>
       <Text
         style={
           Array [
@@ -2179,6 +3681,76 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           Header 5
         </Text>
       </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 5"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 16,
+                  "fontWeight": "500",
+                },
+              ],
+            ]
+          }
+        >
+          Header 5
+        </Text>
+      </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Header 6"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "System",
+                  "fontSize": 14,
+                  "fontWeight": "500",
+                },
+              ],
+            ]
+          }
+        >
+          Header 6
+        </Text>
+      </Text>
       <Text
         style={
           Array [
@@ -2297,6 +3869,53 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           inline code
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="This is "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          This is 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#f1f2f4",
+                "borderColor": "#f1f2f4",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "color": "#2f343d",
+                "fontFamily": "Courier New",
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          inline code
+        </Text>
       </Text>
     </View>
     <Text
@@ -2450,6 +4069,122 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
            it.
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Inline "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Inline 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#f1f2f4",
+                "borderColor": "#f1f2f4",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "color": "#2f343d",
+                "fontFamily": "Courier New",
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          code
+        </Text>
+        <Text
+          accessibilityLabel=" has "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           has 
+        </Text>
+        <Text
+          style={
+            Array [
+              Object {
+                "backgroundColor": "#f1f2f4",
+                "borderColor": "#f1f2f4",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "color": "#2f343d",
+                "fontFamily": "Courier New",
+                "fontWeight": "400",
+              },
+            ]
+          }
+        >
+          back-ticks around
+        </Text>
+        <Text
+          accessibilityLabel=" it."
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           it.
+        </Text>
       </Text>
       <Text
         style={
@@ -2467,8 +4202,92 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           ]
         }
       >
-        Code block
+        
+      </Text>
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="Code block"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Code block
+        </Text>
+        <Text>
+          
 
+        </Text>
+        <Text
+          accessibilityLabel="Code block"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Code block
+        </Text>
+      </Text>
+      <Text
+        style={
+          Array [
+            Object {
+              "backgroundColor": "#f1f2f4",
+              "borderColor": "#f1f2f4",
+              "borderRadius": 4,
+              "borderWidth": 1,
+              "color": "#2f343d",
+              "fontFamily": "Courier New",
+              "fontWeight": "400",
+              "padding": 4,
+            },
+          ]
+        }
+      >
+        
       </Text>
     </View>
     <Text
@@ -2579,6 +4398,164 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           </Text>
         </View>
       </View>
+      <View
+        style={
+          Object {
+            "alignItems": "flex-start",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "width": 15,
+              },
+              Object {
+                "alignItems": "flex-end",
+                "marginRight": 5,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              Object {
+                "color": "#2f343d",
+              }
+            }
+          >
+            •
+          </Text>
+        </View>
+        <View
+          style={
+            Object {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                undefined,
+                Object {
+                  "color": "#2f343d",
+                },
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Open Source"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                  Array [
+                    Object {},
+                    undefined,
+                    undefined,
+                    Object {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "flexWrap": "wrap",
+                      "justifyContent": "flex-start",
+                      "marginBottom": 0,
+                      "marginTop": 0,
+                    },
+                  ],
+                ]
+              }
+            >
+              Open Source
+            </Text>
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          Object {
+            "alignItems": "flex-start",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "width": 15,
+              },
+              Object {
+                "alignItems": "flex-end",
+                "marginRight": 5,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              Object {
+                "color": "#2f343d",
+              }
+            }
+          >
+            •
+          </Text>
+        </View>
+        <View
+          style={
+            Object {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                undefined,
+                Object {
+                  "color": "#2f343d",
+                },
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Rocket.Chat"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                  Array [
+                    Object {},
+                    undefined,
+                    undefined,
+                    Object {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "flexWrap": "wrap",
+                      "justifyContent": "flex-start",
+                      "marginBottom": 0,
+                      "marginTop": 0,
+                    },
+                  ],
+                ]
+              }
+            >
+              Rocket.Chat
+            </Text>
+          </Text>
+        </View>
+      </View>
       <View
         style={
           Object {
@@ -2737,6 +4714,168 @@ exports[`Storyshots Markdown list Markdown 1`] = `
               </Text>
             </View>
           </View>
+          <View
+            style={
+              Object {
+                "alignItems": "flex-start",
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "width": 15,
+                  },
+                  Object {
+                    "alignItems": "flex-end",
+                    "marginRight": 5,
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Object {
+                    "color": "#2f343d",
+                  }
+                }
+              >
+                ◦
+              </Text>
+            </View>
+            <View
+              style={
+                Object {
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                style={
+                  Array [
+                    undefined,
+                    Object {
+                      "color": "#2f343d",
+                    },
+                  ]
+                }
+              >
+                <Text
+                  accessibilityLabel="nodejs"
+                  style={
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "400",
+                      },
+                      Array [
+                        Object {},
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ],
+                    ]
+                  }
+                >
+                  nodejs
+                </Text>
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "alignItems": "flex-start",
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "width": 15,
+                  },
+                  Object {
+                    "alignItems": "flex-end",
+                    "marginRight": 5,
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Object {
+                    "color": "#2f343d",
+                  }
+                }
+              >
+                ◦
+              </Text>
+            </View>
+            <View
+              style={
+                Object {
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                style={
+                  Array [
+                    undefined,
+                    Object {
+                      "color": "#2f343d",
+                    },
+                  ]
+                }
+              >
+                <Text
+                  accessibilityLabel="ReactNative"
+                  style={
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "400",
+                      },
+                      Array [
+                        Object {},
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ],
+                    ]
+                  }
+                >
+                  ReactNative
+                </Text>
+              </Text>
+            </View>
+          </View>
           <View
             style={
               Object {
@@ -2960,6 +5099,164 @@ exports[`Storyshots Markdown list Markdown 1`] = `
             2.
           </Text>
         </View>
+        <View
+          style={
+            Object {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                undefined,
+                Object {
+                  "color": "#2f343d",
+                },
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Open Source"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                  Array [
+                    Object {},
+                    undefined,
+                    undefined,
+                    Object {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "flexWrap": "wrap",
+                      "justifyContent": "flex-start",
+                      "marginBottom": 0,
+                      "marginTop": 0,
+                    },
+                  ],
+                ]
+              }
+            >
+              Open Source
+            </Text>
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          Object {
+            "alignItems": "flex-start",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "width": 16,
+              },
+              Object {
+                "alignItems": "flex-end",
+                "marginRight": 5,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              Object {
+                "color": "#2f343d",
+              }
+            }
+          >
+            3.
+          </Text>
+        </View>
+        <View
+          style={
+            Object {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                undefined,
+                Object {
+                  "color": "#2f343d",
+                },
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Rocket.Chat"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "transparent",
+                    "fontFamily": "System",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                  },
+                  Array [
+                    Object {},
+                    undefined,
+                    undefined,
+                    Object {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "flexWrap": "wrap",
+                      "justifyContent": "flex-start",
+                      "marginBottom": 0,
+                      "marginTop": 0,
+                    },
+                  ],
+                ]
+              }
+            >
+              Rocket.Chat
+            </Text>
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          Object {
+            "alignItems": "flex-start",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "width": 16,
+              },
+              Object {
+                "alignItems": "flex-end",
+                "marginRight": 5,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              Object {
+                "color": "#2f343d",
+              }
+            }
+          >
+            4.
+          </Text>
+        </View>
         <View
           style={
             Object {
@@ -3158,6 +5455,120 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         >
           underscores
         </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Strong emphasis, aka bold, with "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Strong emphasis, aka bold, with 
+        </Text>
+        <Text
+          accessibilityLabel="asterisks"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+                Object {
+                  "fontWeight": "bold",
+                },
+              ],
+            ]
+          }
+        >
+          asterisks
+        </Text>
+        <Text
+          accessibilityLabel=" or "
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+           or 
+        </Text>
+        <Text
+          accessibilityLabel="underscores"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+                Object {
+                  "fontStyle": "italic",
+                },
+              ],
+            ]
+          }
+        >
+          underscores
+        </Text>
       </Text>
     </View>
     <Text
@@ -3188,7 +5599,255 @@ exports[`Storyshots Markdown list Markdown 1`] = `
           "marginHorizontal": 15,
         }
       }
-    />
+    >
+      <Text
+        style={
+          Array [
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
+        }
+      >
+        <Text
+          accessibilityLabel="First Header | Second Header"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          First Header | Second Header
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="First Header | Second Header"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          First Header | Second Header
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="------------ | -------------"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          ------------ | -------------
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="------------ | -------------"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          ------------ | -------------
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Content from cell 1 | Content from cell 2"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Content from cell 1 | Content from cell 2
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Content from cell 1 | Content from cell 2"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Content from cell 1 | Content from cell 2
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Content in the first column | Content in the second column"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Content in the first column | Content in the second column
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Content in the first column | Content in the second column"
+          style={
+            Array [
+              Object {
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+              },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Content in the first column | Content in the second column
+        </Text>
+      </Text>
+    </View>
   </View>
 </RCTScrollView>
 `;
@@ -4328,6 +6987,37 @@ exports[`Storyshots Message list message 1`] = `
                 >
                   This message has error
                 </Text>
+                <Text>
+                  
+
+                </Text>
+                <Text
+                  accessibilityLabel="This message has error"
+                  numberOfLines={0}
+                  style={
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "400",
+                      },
+                      Array [
+                        Object {},
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ],
+                    ]
+                  }
+                >
+                  This message has error
+                </Text>
               </Text>
             </View>
           </View>
@@ -4434,6 +7124,37 @@ exports[`Storyshots Message list message 1`] = `
                 >
                   This message has error too
                 </Text>
+                <Text>
+                  
+
+                </Text>
+                <Text
+                  accessibilityLabel="This message has error too"
+                  numberOfLines={0}
+                  style={
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "400",
+                      },
+                      Array [
+                        Object {},
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ],
+                    ]
+                  }
+                >
+                  This message has error too
+                </Text>
               </Text>
             </View>
           </View>
diff --git a/package.json b/package.json
index 1f7dd4f17..1ae755752 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "@rocket.chat/sdk": "djorkaeffalexandre/Rocket.Chat.js.SDK#test.fix-ddp",
     "@rocket.chat/ui-kit": "0.13.0",
     "bugsnag-react-native": "2.23.10",
-    "commonmark": "git+https://github.com/RocketChat/commonmark.js.git",
+    "commonmark": "RocketChat/commonmark.js#fix.update-fork",
     "commonmark-react-renderer": "git+https://github.com/RocketChat/commonmark-react-renderer.git",
     "deep-equal": "2.0.3",
     "ejson": "2.2.0",
diff --git a/yarn.lock b/yarn.lock
index 8ea560782..03dfb4ff9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5129,9 +5129,9 @@ commondir@^1.0.1:
     pascalcase "^0.1.1"
     xss-filters "^1.2.6"
 
-"commonmark@git+https://github.com/RocketChat/commonmark.js.git":
+commonmark@RocketChat/commonmark.js#fix.update-fork:
   version "0.29.2"
-  resolved "git+https://github.com/RocketChat/commonmark.js.git#020b5af060459ac2010e382e9ae431d48ed39777"
+  resolved "https://codeload.github.com/RocketChat/commonmark.js/tar.gz/66a60dfa1b1b8fa78b46eb6de81369394353baff"
   dependencies:
     entities "~2.0"
     mdurl "~1.0.1"