Skip to content
Snippets Groups Projects
Commit 044cbe07 authored by zshan2's avatar zshan2
Browse files

assignment3.1 ver2.0: all functionalities are implemented, going for testing

parent dbea22c9
Branches assignment-3.0
No related tags found
1 merge request!2Assignment 3.1
This commit is part of merge request !2. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
README.md
+ 19
− 0
Edit View file @ 044cbe07
# sp21-cs242-assignment3 # sp21-cs242-assignment3
Description: this repo is for UIUC CS242 SP21's assignment3
## Functionalities:
- Giving github's graphQL API endpoint address, user OAuth token, and username, get personal info of this user and rendered it in mobile devices.
- Find other github user's info through following & follower lists and public repo owners.
## Environment Requirement:
- Windows 7 or above
- Javascript Environment
- React-Native
## External Resources:
- React Navigation
- Jest
## Update Notes:
- 3/29: Basic functionalities are completed.
- 3/22: User's personal info pages are completed.
src/App.js
+ 231
− 26
Edit View file @ 044cbe07
...@@ -6,6 +6,7 @@ import Loading from './Components/Loading' ...@@ -6,6 +6,7 @@ import Loading from './Components/Loading'
import Profile from './Components/Profile' import Profile from './Components/Profile'
import Repo from './Components/Repo' import Repo from './Components/Repo'
import Unfound from './Components/Unfound' import Unfound from './Components/Unfound'
import Users from './Components/Users'
import DataGenerator from './Components/DataGenerator' import DataGenerator from './Components/DataGenerator'
const Stack = createStackNavigator(); const Stack = createStackNavigator();
...@@ -23,6 +24,7 @@ const styles = StyleSheet.create({ ...@@ -23,6 +24,7 @@ const styles = StyleSheet.create({
function generateData(route, navigation) { function generateData(route, navigation) {
const {name, login, avatarUrl, bio, createdAt, email, websiteUrl, repositories} = route.params; const {name, login, avatarUrl, bio, createdAt, email, websiteUrl, repositories} = route.params;
const dataFile = {} const dataFile = {}
dataFile['login'] = login
dataFile['navi'] = navigation dataFile['navi'] = navigation
dataFile['nameContent'] = 'Name: \n' + name dataFile['nameContent'] = 'Name: \n' + name
dataFile['userNameContent'] = 'UserName\n: ' + login dataFile['userNameContent'] = 'UserName\n: ' + login
...@@ -44,11 +46,15 @@ function generateData(route, navigation) { ...@@ -44,11 +46,15 @@ function generateData(route, navigation) {
/** Home page **/ /** Home page **/
function HomeScreen({ navigation }) { function HomeScreen({ navigation }) {
const dataJson = require('C:/Coding/cs242-assignment3/env.json')
const myUserName = dataJson['login']
const data = {}
data['login'] = myUserName
return ( return (
<View style={styles.container}> <View style={styles.container}>
<ImageBackground source={require('C:/Coding/cs242-assignment3/GitView/assets/ice.jpg')} style={styles.image}> <ImageBackground source={{uri: "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg"}} style={styles.image}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<Pressable style={styles.pressableStyle} onPress={() => navigation.navigate('LoadingProfile')}> <Pressable style={styles.pressableStyle} onPress={() => navigation.push('LoadingProfile', data)}>
<Text> Start </Text> <Text> Start </Text>
</Pressable> </Pressable>
</View> </View>
...@@ -67,29 +73,117 @@ function ProfileScreen({ route, navigation }) { ...@@ -67,29 +73,117 @@ function ProfileScreen({ route, navigation }) {
/** Repo page **/ /** Repo page **/
function RepoScreen({ route, navigation }) { function RepoScreen({ route, navigation }) {
const {nodes} = route.params const user = route.params
const nodes = user['repositories']['nodes']
const login = user['login']
let cards = []; let cards = [];
for (let i = 0; i < nodes.length; i++) { for (let i = 0; i < nodes.length; i++) {
var repoName = 'Repo name: \n' + nodes[i]['name'] + '\n' var repoName = 'Repo name: \n' + nodes[i]['name'] + '\n'
var repoDescription = 'Repo description: \n' + nodes[i]['description'] + '\n' var repoDescription = 'Repo description: \n' + nodes[i]['description'] + '\n'
var repoOwner = 'Repo owner: \n' + nodes[i]['owner']['login'] + '\n' var repoOwner = 'Repo owner: \n' + nodes[i]['owner']['login'] + '\n'
var nativeID = 'repo#' + i var key = 'repo#' + i
cards.push( cards.push(
<View style={styles.textBox} nativeID={nativeID}> <Pressable style={styles.textBox} key={key} Pressable style={styles.textBox} onPress={() => navigation.push('LoadingProfile', {login: nodes[i]['owner']['login']})}>
<Text> {repoName} </Text> <Text> {repoName} </Text>
<Text> {repoDescription} </Text> <Text> {repoDescription} </Text>
<Text> {repoOwner} </Text> <Text> {repoOwner} </Text>
</View> </Pressable>
) )
} }
const dataFile = {} const dataFile = {}
dataFile['cards'] = cards dataFile['cards'] = cards
dataFile['navi'] = navigation dataFile['navi'] = navigation
dataFile['login'] = login
return ( return (
<Repo data={dataFile}/> <Repo data={dataFile}/>
); );
} }
/** Follower page **/
function FollowerScreen({ route, navigation }) {
const user = route.params
const nodes = user['followers']['nodes']
const login = user['login']
let cards = []
if (nodes.length === 0) {
cards.push(
<Pressable style={styles.textBox} key={'Nobody'}>
<Text style={{ fontSize: 30 }}>
Oops! Nobody is in this list!
</Text>
</Pressable>
)
} else {
for (let i = 0; i < nodes.length; i++) {
var name = 'Name: \n' + nodes[i]['name'] + '\n'
var userName = 'Github Username: \n' + nodes[i]['login'] + '\n'
var key = 'user#' + i
var avatarUrl = nodes[i]['avatarUrl']
cards.push(
<Pressable style={styles.textBox} key={key} onPress={()=>navigation.push('LoadingProfile', {login: nodes[i]['login']})}>
<View style={styles.viewStyleVertical}>
<Image style={{width:90, height:90}} source={{uri: avatarUrl}}/>
</View>
<View style={styles.viewStyleVertical}>
<Text> {name} </Text>
<Text> {userName} </Text>
</View>
</Pressable>
)
}
}
const dataFile = {}
dataFile['cards'] = cards
dataFile['navi'] = navigation
dataFile['login'] = login
console.log(login)
return (
<Users data={dataFile}/>
);
}
/** Following page **/
function FollowingScreen({ route, navigation }) {
const user = route.params
const nodes = user['following']['nodes']
const login = user['login']
let cards = []
if (nodes.length === 0) {
cards.push(
<Pressable style={styles.textBox} key={'Nobody'}>
<Text style={{ fontSize: 30 }}>
Oops! Nobody is in this list!
</Text>
</Pressable>
)
} else {
for (let i = 0; i < nodes.length; i++) {
var name = 'Name: \n' + nodes[i]['name'] + '\n'
var userName = 'Github Username: \n' + nodes[i]['login'] + '\n'
var key = 'user#' + i
var avatarUrl = nodes[i]['avatarUrl']
cards.push(
<Pressable style={styles.textBox} key={key} onPress={()=>navigation.push('LoadingProfile', {login: nodes[i]['login']})}>
<View style={styles.viewStyleVertical}>
<Image style={{width:90, height:90}} source={{uri: avatarUrl}}/>
</View>
<View style={styles.viewStyleVertical}>
<Text> {name} </Text>
<Text> {userName} </Text>
</View>
</Pressable>
)
}
}
const dataFile = {}
dataFile['cards'] = cards
dataFile['navi'] = navigation
dataFile['login'] = login
return (
<Users data={dataFile}/>
);
}
/** Unfound page **/ /** Unfound page **/
function UnfoundScreen({ route, navigation }) { function UnfoundScreen({ route, navigation }) {
const {errorMsg} = route.params const {errorMsg} = route.params
...@@ -101,9 +195,12 @@ function UnfoundScreen({ route, navigation }) { ...@@ -101,9 +195,12 @@ function UnfoundScreen({ route, navigation }) {
); );
} }
/** Loading Profile page **/ /** Loading Profile page **/
function LoadProfileScreen({navigation}) { function LoadProfileScreen({route, navigation}) {
const dataJson = require('C:/Coding/cs242-assignment3/env.json'); const dataJson = require('C:/Coding/cs242-assignment3/env.json')
const {login} = route.params
fetch(dataJson['endPoint'], { fetch(dataJson['endPoint'], {
method: 'POST', method: 'POST',
headers: { headers: {
...@@ -113,7 +210,7 @@ function LoadProfileScreen({navigation}) { ...@@ -113,7 +210,7 @@ function LoadProfileScreen({navigation}) {
body: JSON.stringify({ body: JSON.stringify({
query: ` query: `
query { query {
viewer { user(login:"`+ login + `") {
name name
login login
avatarUrl avatarUrl
...@@ -133,11 +230,17 @@ function LoadProfileScreen({navigation}) { ...@@ -133,11 +230,17 @@ function LoadProfileScreen({navigation}) {
}) })
.then(res => res.json()) .then(res => res.json())
.then((data)=> { .then((data)=> {
navigation.navigate('Profile', data['data']['viewer']) if (data['data']['user'] === null) {
/** User not found! **/
navigation.push('Unfound', {errorMsg: 'Wrong!'})
console.log('Error, cannot find the github user by the login username:' + login + ', maybe this is an organization!')
} else {
navigation.push('Profile', data['data']['user'])
}
}) })
.catch(error => { .catch(error => {
console.error('Error:', error) console.error('Error:', error)
navigation.navigate('Unfound', {errorMsg: error}) navigation.push('Unfound', {errorMsg: error})
}) })
return ( return (
...@@ -146,10 +249,8 @@ function LoadProfileScreen({navigation}) { ...@@ -146,10 +249,8 @@ function LoadProfileScreen({navigation}) {
} }
/** Loading Repo page **/ /** Loading Repo page **/
function LoadRepoScreen({navigation}) { function LoadRepoScreen({route, navigation}) {
// setTimeout(function(){ const {login} = route.params
// navigation.navigate('Unfound');
// }, 1000)
const dataJson = require('C:/Coding/cs242-assignment3/env.json'); const dataJson = require('C:/Coding/cs242-assignment3/env.json');
fetch(dataJson['endPoint'], { fetch(dataJson['endPoint'], {
method: 'POST', method: 'POST',
...@@ -160,7 +261,8 @@ function LoadRepoScreen({navigation}) { ...@@ -160,7 +261,8 @@ function LoadRepoScreen({navigation}) {
body: JSON.stringify({ body: JSON.stringify({
query: ` query: `
query { query {
viewer{ user(login:"`+login+`"){
login
repositories(last:100, privacy:PUBLIC){ repositories(last:100, privacy:PUBLIC){
nodes{ nodes{
name name
...@@ -176,14 +278,65 @@ function LoadRepoScreen({navigation}) { ...@@ -176,14 +278,65 @@ function LoadRepoScreen({navigation}) {
}) })
}) })
.then(res => res.json()) .then(res => res.json())
// .then((data) => console.log(data['data']['viewer']['repositories']['nodes']))
// .then((data) => console.log(data))
.then((data)=> { .then((data)=> {
navigation.navigate('Repo', data['data']['viewer']['repositories']) if (data['data']['user'] === null) {
/** User not found! **/
navigation.push('Unfound', {errorMsg: 'Wrong!'})
console.log('Error, cannot find the github user by the login username:' + login + ', maybe this is an organization!')
} else {
navigation.push('Repo', data['data']['user'])
}
})
.catch(error => {
console.error('Error:', error)
navigation.push('Unfound', {errorMsg: error})
})
return (
<Loading/>
);
}
/** Loading Followers page **/
function LoadFollowersScreen({route, navigation}) {
const {login} = route.params
const dataJson = require('C:/Coding/cs242-assignment3/env.json');
fetch(dataJson['endPoint'], {
method: 'POST',
headers: {
"Content-Type": "application/json",
"Authorization": dataJson['token']
},
body: JSON.stringify({
query: `
query {
user(login:"`+ login +`"){
login
followers(last:100) {
nodes {
name
login
avatarUrl
}
}
}
}
`
})
})
.then(res => res.json())
.then((data)=> {
if (data['data']['user'] === null) {
/** User not found! **/
navigation.push('Unfound', {errorMsg: 'Wrong!'})
console.log('Error, cannot find the github user by the login username:' + login + ', maybe this is an organization!')
} else {
navigation.push('Followers', data['data']['user'])
}
}) })
.catch(error => { .catch(error => {
console.error('Error:', error) console.error('Error:', error)
navigation.navigate('Unfound', {errorMsg: error}) navigation.push('Unfound', {errorMsg: error})
}) })
return ( return (
...@@ -191,17 +344,69 @@ function LoadRepoScreen({navigation}) { ...@@ -191,17 +344,69 @@ function LoadRepoScreen({navigation}) {
); );
} }
/** Loading Followings page **/
function LoadFollowingScreen({route, navigation}) {
const {login} = route.params
const dataJson = require('C:/Coding/cs242-assignment3/env.json');
fetch(dataJson['endPoint'], {
method: 'POST',
headers: {
"Content-Type": "application/json",
"Authorization": dataJson['token']
},
body: JSON.stringify({
query: `
query {
user(login:"` + login + `"){
login
following(last:100) {
nodes {
name
login
avatarUrl
}
}
}
}
`
})
})
.then(res => res.json())
.then((data)=> {
if (data['data']['user'] === null) {
/** User not found! **/
navigation.push('Unfound', {errorMsg: 'Wrong!'})
console.log('Error, cannot find the github user by the login username:' + login + ', maybe this is an organization!')
} else {
navigation.push('Following', data['data']['user'])
}
})
.catch(error => {
console.error('Error:', error)
navigation.push('Unfound', {errorMsg: error})
})
return (
<Loading/>
);
}
/** Page loader **/ /** Page loader **/
function App() { function App() {
return ( return (
<NavigationContainer> <NavigationContainer>
<Stack.Navigator initialRouteName="Home"> <Stack.Navigator initialRouteName="Home">
<Stack.Screen name="Home" component={HomeScreen} options={{ title: 'Github User Info' }}/> <Stack.Screen name='Home' component={HomeScreen} options={{ title: 'Github User Info', animationEnabled: true}}/>
<Stack.Screen name="Profile" component={ProfileScreen} /> <Stack.Screen name='Profile' component={ProfileScreen} options={{animationEnabled: true}}/>
<Stack.Screen name="Repo" component={RepoScreen} options={{ title: 'Repositories' }}/> <Stack.Screen name='Repo' component={RepoScreen} options={{ title: 'Repositories', animationEnabled:true }}/>
<Stack.Screen name="LoadingProfile" component={LoadProfileScreen} /> <Stack.Screen name="LoadingProfile" component={LoadProfileScreen} options={{animationEnabled: true}} />
<Stack.Screen name="LoadingRepo" component={LoadRepoScreen} /> <Stack.Screen name='LoadingRepo' component={LoadRepoScreen} options={{animationEnabled: true}}/>
<Stack.Screen name="Unfound" component={UnfoundScreen} options={{ title: 'Error' }}/> <Stack.Screen name='Unfound' component={UnfoundScreen} options={{ title: 'Error', animationEnabled:true }}/>
<Stack.Screen name='LoadingFollowers' component={LoadFollowersScreen} options={{animationEnabled: true}}/>
<Stack.Screen name='LoadingFollowing' component={LoadFollowingScreen} options={{animationEnabled: true}}/>
<Stack.Screen name='Followers' component={FollowerScreen} options={{animationEnabled: true}}/>
<Stack.Screen name='Following' component={FollowingScreen} options={{animationEnabled: true}}/>
</Stack.Navigator> </Stack.Navigator>
</NavigationContainer> </NavigationContainer>
); );
......
src/Components/Loading.js
+ 3
− 3
Edit View file @ 044cbe07
...@@ -13,13 +13,13 @@ const styles = StyleSheet.create({ ...@@ -13,13 +13,13 @@ const styles = StyleSheet.create({
}); });
const Loading = () => { const Loading = () => {
const pic = require('C:/Coding/cs242-assignment3/GitView/assets/loading.png') const pic = "http://simpleicon.com/wp-content/uploads/refresh.png"
return ( return (
<View style={styles.container}> <View style={styles.container}>
<ImageBackground source={require('C:/Coding/cs242-assignment3/GitView/assets/ice.jpg')} style={styles.image}> <ImageBackground source={{uri: "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg"}} style={styles.image}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<Text style={{ fontSize: 30 }}>Loading......</Text> <Text style={{ fontSize: 30 }}>Loading......</Text>
<Image source={pic} style={{width: 200, height: 200}}/> <Image source={{uri: pic}} style={{width: 200, height: 200}}/>
</View> </View>
</ImageBackground> </ImageBackground>
</View> </View>
......
src/Components/Profile.js
+ 6
− 5
Edit View file @ 044cbe07
...@@ -25,18 +25,19 @@ const Profile = (props) => { ...@@ -25,18 +25,19 @@ const Profile = (props) => {
const createDate = file['createDate'] const createDate = file['createDate']
const repoCount = file['repoCount'] const repoCount = file['repoCount']
const navigation = file['navi'] const navigation = file['navi']
const login = file['login']
return ( return (
<View style={styles.container}> <View style={styles.container}>
<ImageBackground source={require('C:/Coding/cs242-assignment3/GitView/assets/ice.jpg')} style={styles.image}> <ImageBackground source={{uri: "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg"}} style={styles.image}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<Image style={{width: 100, height: 100}} source={iconUrl} /> <Image style={{width: 100, height: 100}} source={{uri: iconUrl}} />
</View> </View>
<View style={styles.viewStyleHorizon}> <View style={styles.viewStyleHorizon}>
<Pressable style={styles.pressableStyle}> <Pressable style={styles.pressableStyle} onPress={() => navigation.push('LoadingFollowers', {login: login})}>
<Text> Followers </Text> <Text> Followers </Text>
</Pressable> </Pressable>
<Pressable style={styles.pressableStyle}> <Pressable style={styles.pressableStyle} onPress={() => navigation.push('LoadingFollowing', {login: login})}>
<Text> Followings </Text> <Text> Followings </Text>
</Pressable> </Pressable>
</View> </View>
...@@ -49,7 +50,7 @@ const Profile = (props) => { ...@@ -49,7 +50,7 @@ const Profile = (props) => {
<Text style={styles.textBox}> {createDate} </Text> <Text style={styles.textBox}> {createDate} </Text>
</View> </View>
<View style={styles.viewStyleVertical} > <View style={styles.viewStyleVertical} >
<Pressable style={styles.pressableStyle} onPress={() => navigation.navigate('LoadingRepo')}> <Pressable style={styles.pressableStyle} onPress={() => navigation.push('LoadingRepo', {login: login})}>
<Text> {repoCount} </Text> <Text> {repoCount} </Text>
</Pressable> </Pressable>
</View> </View>
......
src/Components/Repo.js
+ 6
− 2
Edit View file @ 044cbe07
...@@ -18,12 +18,16 @@ const Repo = (props) => { ...@@ -18,12 +18,16 @@ const Repo = (props) => {
const file = props.data const file = props.data
const cards = file['cards'] const cards = file['cards']
const navigation = file['navi'] const navigation = file['navi']
const login = file['login']
return ( return (
<View style={styles.container}> <View style={styles.container}>
<ImageBackground source={require('C:/Coding/cs242-assignment3/GitView/assets/ice.jpg')} style={styles.image}> <ImageBackground source={{uri: "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg"}} style={styles.image}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<Pressable style={styles.pressableStyle} onPress={() => navigation.pop(2)}>
<Text> Go to Profile </Text>
</Pressable>
{cards} {cards}
<Pressable style={styles.pressableStyle} onPress={() => navigation.navigate('Profile')}> <Pressable style={styles.pressableStyle} onPress={() => navigation.pop(2)}>
<Text> Go to Profile </Text> <Text> Go to Profile </Text>
</Pressable> </Pressable>
</View> </View>
......
src/Components/Unfound.js
+ 2
− 2
Edit View file @ 044cbe07
...@@ -19,10 +19,10 @@ const Unfound = (props) => { ...@@ -19,10 +19,10 @@ const Unfound = (props) => {
const navigation = dataFile['navi'] const navigation = dataFile['navi']
return ( return (
<View style={styles.container}> <View style={styles.container}>
<ImageBackground source={require('C:/Coding/cs242-assignment3/GitView/assets/ice.jpg')} style={styles.image}> <ImageBackground source={{uri: "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg"}} style={styles.image}>
<View style={styles.viewStyleVertical}> <View style={styles.viewStyleVertical}>
<Text style={{ fontSize: 30 }}> Error! Check log to see details </Text> <Text style={{ fontSize: 30 }}> Error! Check log to see details </Text>
<Image style={{width: 200, height: 200}} source={require('C:/Coding/cs242-assignment3/GitView/assets/warn.png')} /> <Image style={{width: 200, height: 200}} source={{uri: "https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Warning.svg/156px-Warning.svg.png"}} />
<Pressable style={styles.pressableStyle} onPress={() => navigation.navigate('Home')}> <Pressable style={styles.pressableStyle} onPress={() => navigation.navigate('Home')}>
<Text> Go back to Home Page </Text> <Text> Go back to Home Page </Text>
</Pressable> </Pressable>
......
src/__tests__/App-test.js
+ 24
− 0
Edit View file @ 044cbe07
...@@ -11,6 +11,7 @@ import Unfound from '../Components/Unfound'; ...@@ -11,6 +11,7 @@ import Unfound from '../Components/Unfound';
const Stack = createStackNavigator(); const Stack = createStackNavigator();
/** Testing all loading pages */
test('renders correctly', () => { test('renders correctly', () => {
const tree = renderer.create( const tree = renderer.create(
<Loading /> <Loading />
...@@ -36,6 +37,7 @@ test('renders correctly', () => { ...@@ -36,6 +37,7 @@ test('renders correctly', () => {
expect(tree).toMatchSnapshot(); expect(tree).toMatchSnapshot();
}); });
/** Testing repo pages */
test('renders correctly', ({navigation}) => { test('renders correctly', ({navigation}) => {
const dataFile = { const dataFile = {
iconUrl: "https://avatars.githubusercontent.com/u/42978932?u=b4a7beb2752bb6059cd13d12ca26d097767abf77&v=4", iconUrl: "https://avatars.githubusercontent.com/u/42978932?u=b4a7beb2752bb6059cd13d12ca26d097767abf77&v=4",
...@@ -54,6 +56,28 @@ test('renders correctly', () => { ...@@ -54,6 +56,28 @@ test('renders correctly', () => {
expect(tree).toMatchSnapshot(); expect(tree).toMatchSnapshot();
}); });
/** Testing all Users pages (Followers and Following) */
test('renders correctly', ({navigation}) => {
const dataFile = {
iconUrl: "https://avatars.githubusercontent.com/u/42978932?u=b4a7beb2752bb6059cd13d12ca26d097767abf77&v=4",
nameContent: null,
userNameContent: null,
bioContent: null,
websiteLink: null,
emailContent: null,
createData: null,
repoCount: 0,
navi: navigation
}
const tree = renderer.create(
<Users data={dataFile}/>
).toJSON();
expect(tree).toMatchSnapshot();
});
/** Testing unfound/error pages */
test('renders correctly', ({navigation}) => { test('renders correctly', ({navigation}) => {
const dataFile = { const dataFile = {
navi: navigation navi: navigation
......
src/__tests__/__snapshots__/App-test.js.snap
+ 326
− 9
Edit View file @ 044cbe07
...@@ -19,7 +19,88 @@ exports[`renders correctly 1`] = ` ...@@ -19,7 +19,88 @@ exports[`renders correctly 1`] = `
} }
> >
<Image <Image
source="test-file-stub" source={
Object {
"uri": "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg",
}
}
style={
Array [
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
},
Object {
"height": undefined,
"width": undefined,
},
undefined,
]
}
/>
<View
style={
Object {
"alignItems": "center",
"justifyContent": "center",
"margin": "10%",
}
}
>
<Text
style={
Object {
"fontSize": 30,
}
}
>
Loading......
</Text>
<Image
source={
Object {
"uri": "http://simpleicon.com/wp-content/uploads/refresh.png",
}
}
style={
Object {
"height": 200,
"width": 200,
}
}
/>
</View>
</View>
</View>
`;
exports[`renders correctly 2`] = `
<View
style={
Object {
"flex": 1,
}
}
>
<View
accessibilityIgnoresInvertColors={true}
style={
Object {
"flex": 1,
"justifyContent": "center",
"resizeMode": "cover",
}
}
>
<Image
source={
Object {
"uri": "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg",
}
}
style={ style={
Array [ Array [
Object { Object {
...@@ -56,7 +137,7 @@ exports[`renders correctly 1`] = ` ...@@ -56,7 +137,7 @@ exports[`renders correctly 1`] = `
} }
> >
<Image <Image
source="test-file-stub" source="https://avatars.githubusercontent.com/u/42978932?u=b4a7beb2752bb6059cd13d12ca26d097767abf77&v=4"
style={ style={
Object { Object {
"height": 100, "height": 100,
...@@ -164,7 +245,8 @@ exports[`renders correctly 1`] = ` ...@@ -164,7 +245,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
nameContent
</Text> </Text>
<Text <Text
style={ style={
...@@ -182,7 +264,8 @@ exports[`renders correctly 1`] = ` ...@@ -182,7 +264,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
userNameContent
</Text> </Text>
<Text <Text
style={ style={
...@@ -200,7 +283,8 @@ exports[`renders correctly 1`] = ` ...@@ -200,7 +283,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
bioContent
</Text> </Text>
<Text <Text
style={ style={
...@@ -218,7 +302,8 @@ exports[`renders correctly 1`] = ` ...@@ -218,7 +302,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
websiteLink
</Text> </Text>
<Text <Text
style={ style={
...@@ -236,7 +321,8 @@ exports[`renders correctly 1`] = ` ...@@ -236,7 +321,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
emailContent
</Text> </Text>
<Text <Text
style={ style={
...@@ -254,7 +340,8 @@ exports[`renders correctly 1`] = ` ...@@ -254,7 +340,8 @@ exports[`renders correctly 1`] = `
} }
} }
> >
createDate
</Text> </Text>
</View> </View>
<View <View
...@@ -295,7 +382,9 @@ exports[`renders correctly 1`] = ` ...@@ -295,7 +382,9 @@ exports[`renders correctly 1`] = `
} }
> >
<Text> <Text>
repoCount
0
</Text> </Text>
</View> </View>
</View> </View>
...@@ -303,3 +392,231 @@ exports[`renders correctly 1`] = ` ...@@ -303,3 +392,231 @@ exports[`renders correctly 1`] = `
</View> </View>
</View> </View>
`; `;
exports[`renders correctly 3`] = `
<View
style={
Object {
"flex": 1,
}
}
>
<View
accessibilityIgnoresInvertColors={true}
style={
Object {
"flex": 1,
"justifyContent": "center",
"resizeMode": "cover",
}
}
>
<Image
source={
Object {
"uri": "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg",
}
}
style={
Array [
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
},
Object {
"height": undefined,
"width": undefined,
},
undefined,
]
}
/>
<View
style={
Object {
"alignItems": "center",
"justifyContent": "center",
"margin": "10%",
}
}
>
<View
accessible={true}
focusable={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "lavender",
"borderColor": "thistle",
"borderRadius": 5,
"borderWidth": 2,
"flex": 1,
"flexDirection": "row",
"justifyContent": "space-between",
"marginHorizontal": 10,
"marginTop": 10,
"paddingHorizontal": 20,
"paddingVertical": 10,
}
}
>
<Text>
Go to Profile
</Text>
</View>
<View
accessible={true}
focusable={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "lavender",
"borderColor": "thistle",
"borderRadius": 5,
"borderWidth": 2,
"flex": 1,
"flexDirection": "row",
"justifyContent": "space-between",
"marginHorizontal": 10,
"marginTop": 10,
"paddingHorizontal": 20,
"paddingVertical": 10,
}
}
>
<Text>
Go to Profile
</Text>
</View>
</View>
</View>
</View>
`;
exports[`renders correctly 4`] = `
<View
style={
Object {
"flex": 1,
}
}
>
<View
accessibilityIgnoresInvertColors={true}
style={
Object {
"flex": 1,
"justifyContent": "center",
"resizeMode": "cover",
}
}
>
<Image
source={
Object {
"uri": "https://www.fonewalls.com/wp-content/uploads/2020/04/Ice-Phone-Wallpaper.jpg",
}
}
style={
Array [
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
},
Object {
"height": undefined,
"width": undefined,
},
undefined,
]
}
/>
<View
style={
Object {
"alignItems": "center",
"justifyContent": "center",
"margin": "10%",
}
}
>
<Text
style={
Object {
"fontSize": 30,
}
}
>
Error! Check log to see details
</Text>
<Image
source={
Object {
"uri": "https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Warning.svg/156px-Warning.svg.png",
}
}
style={
Object {
"height": 200,
"width": 200,
}
}
/>
<View
accessible={true}
focusable={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "lavender",
"borderColor": "thistle",
"borderRadius": 5,
"borderWidth": 2,
"flex": 1,
"flexDirection": "row",
"justifyContent": "space-between",
"marginHorizontal": 10,
"marginTop": 10,
"paddingHorizontal": 20,
"paddingVertical": 10,
}
}
>
<Text>
Go back to Home Page
</Text>
</View>
</View>
</View>
</View>
`;
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment