mattermost-mobile/app/components/channel_loader/__snapshots__/channel_loader.test.js.snap
Elias Nahum 9f238d5ef4
Post List & post components refactored (#5409)
* Update transform to make Android's post list scroll smooth

* set start since metric when appStarted is false

* Refactor Formatted components

* Downgrade RNN to 7.13.0 & patch XCDYouTube to allow video playback

* Refactor Post list and all related components

* review suggestion rename hour12 to isMilitaryTime

* feedback review use aliases

* feedback review deconstruct actions in markdown_link

* feedback review simplify if/else statement in combined_used_activity

* Simplify if statement for consecutive posts

* Specify npm version to build iOS on CI

* Refactor network_indicator

* render Icon in file gallery with transparent background

* Increase timeout to scroll to bottom when posting a new message

* fix: scroll when tapping on the new messages bar

* fix: dismiss all modals

* fix navigation tests

* Handle dismissAllModals for iOS to prevent blank screens

* Prevent modal from dismissing when showing the thread screen in the stack

* Update app/components/image_viewport.tsx

Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com>

* Update app/utils/post.ts

Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com>

* fix: rename selector and prop

* Fix XCDYouTube patch

* Fix posting from a thread in the right channel

* do not render reply bar on the thread screen

* close previous permalink before showing a new one

* move XCDYouTube patch to ios/patches folder

* closePermalink directly instead of using an onClose prop

Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com>
Co-authored-by: Miguel Alatzar <this.migbot@gmail.com>
2021-06-03 11:12:15 -07:00

602 lines
11 KiB
Text

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ChannelLoader should match snapshot 1`] = `
<View
onLayout={[Function]}
style={
Array [
Object {
"flex": 1,
"overflow": "hidden",
},
undefined,
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<ForwardRef(AnimatedComponentWrapper)
style={
Array [
Object {
"backgroundColor": "#3D3C40",
"height": 38,
"position": "absolute",
"width": "100%",
"zIndex": 9,
},
Object {
"top": -38,
},
]
}
>
<ForwardRef(AnimatedComponentWrapper)
edges={
Array [
"left",
"right",
]
}
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"height": 38,
"paddingLeft": 12,
"paddingRight": 5,
}
}
>
<View
style={
Object {
"alignItems": "flex-start",
"height": 24,
"justifyContent": "center",
"paddingRight": 10,
}
}
>
<ActivityIndicator
animating={true}
color="#FFFFFF"
hidesWhenStopped={true}
size="small"
/>
</View>
<InjectIntl(FormattedText)
defaultMessage="Still trying to load your content..."
id="mobile.channel_loader.still_loading"
style={
Object {
"color": "#fff",
"fontWeight": "bold",
}
}
/>
</ForwardRef(AnimatedComponentWrapper)>
</ForwardRef(AnimatedComponentWrapper)>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"flex": 1,
"marginVertical": 10,
"paddingLeft": 12,
"paddingRight": 20,
},
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<Unknown
Animation={[Function]}
Left={[Function]}
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
width={60}
/>
</Unknown>
</View>
</View>
`;