Tests for Member.jsx

src/views/Member.jsx

@@ -2,23 +2,20 @@
 import React, { useState, useEffect } from 'react'
 import axios from 'axios'
 import history from  '../history.js'
-import config from '../config.json'
+// import config from '../config.json'
 import './Member.scss'
 
-// teamProps, usersProps, userIdCallback
-export default function Member(props) {
+export default function Member({ props }) {
 	// MARK: State
-	let [loading, setLoading] = useState(true)
-	let [user, setUser] = useState([])
+	let [user, setUser] = useState(null)
 	let [teamNames, setTeamNames] = useState([])
 
 	// MARK: Effects
 	// MARK: - Load user info from Tempo backend on initialization
 	useEffect(() => {
 		let fetchData = async() => {
-			setLoading(true)
 			try {
-				let result = await axios(config.api + '/user/' + props.userId)
+				let result = await axios.get(props.url)
 				if (result.data) {
 					setUser(result.data)
 
@@ -29,11 +26,8 @@ export default function Member(props) {
 						return null
 					})
 				}
-				setLoading(false)
 			}
 			catch(err) {
-				setLoading(false)
-				console.log('Fetch data error: ' + err)
 				history.push('/')
 			}
 		}
@@ -41,22 +35,20 @@ export default function Member(props) {
 		fetchData()
 	}, [props])
 
-
 	// MARK: Helpers
 	let navBack = () => {
 		history.push('/team')
 	}
 
-
 	// MARK: Return
 	return (
 		<div className='member'>
 
-			{loading ? (<div>Loading...</div>) : (
+			{user === null ? (<div data-testid='loading'>Loading...</div>) : (
 				user !== undefined &&
 				<div>
 					<div className='header'>
-						<h1>Member {user.name}</h1>
+						<span data-testid='resolved'><h1>Member {user.name}</h1></span>
 					</div>
 
 					<div className='back'>