Redux-saga - Revision history

Iwiseman: /* Test Sagas */

2020-05-30T00:22:23Z

Test Sagas

← Older revision		Revision as of 00:22, 30 May 2020
Line 226:		Line 226:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

			And the test code

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

2020-05-30T00:21:52Z

Test Sagas

← Older revision		Revision as of 00:21, 30 May 2020
Line 248:		Line 248:

	And here is another example with the if statements tested		And here is another example with the if statements tested

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	export function* handleIncreaseItemQuantity({id}) {		export function* handleIncreaseItemQuantity({id}) {

2020-05-30T00:20:45Z

Test Sagas

← Older revision		Revision as of 00:20, 30 May 2020
Line 245:		Line 245:
	})		})
	</syntaxhighlight>		</syntaxhighlight>


	And here is another example with the if statements tested		And here is another example with the if statements tested
			<syntaxhighlight lang="javascript">
			export function* handleIncreaseItemQuantity({id}) {
			yield put(setItemQuantityFetchStatus(FETCHING));
			const user = yield select(currentUserSelector);
			const response = yield call(fetch,`http://localhost:8081/cart/add/${user.get('id')}/${id}`);

			if (response.status !== 200) {
			yield put(decreaseItemQuantity(id, true));
			alert("Sorry, there weren't enough items in stock to complete your request.");
			}
			yield put(setItemQuantityFetchStatus(FETCHED));
			}
			</syntaxhighlight>

			And the test code
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	describe.only("the item quantity saga",()=>{		describe.only("the item quantity saga",()=>{

2020-05-30T00:18:33Z

Test Sagas

@@ Line 244: / Line 244: @@
      })
 })
 </syntaxhighlight>

2020-05-30T00:10:21Z

Test Sagas

← Older revision		Revision as of 00:10, 30 May 2020
Line 238:		Line 238:

	expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));		expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));
	expect(gen.next({id}).value).toEqual(call(fetch,"http://localhost:8081/user/${id}"));		expect(gen.next({id}).value).toEqual(call(fetch,`http://localhost:8081/user/${id}`));
	expect(gen.next(response).value).toEqual(apply(response,json));		expect(gen.next(response).value).toEqual(apply(response,json));
	expect(gen.next(user).value).toEqual(put(setCurrentUser(user)));		expect(gen.next(user).value).toEqual(put(setCurrentUser(user)));

2020-05-30T00:09:17Z

Test Sagas

← Older revision		Revision as of 00:09, 30 May 2020
Line 238:		Line 238:

	expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));		expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));
	expect(gen.next({id}).value).toEqual(call(fetch,`http://localhost:8081/user/${id}`));		expect(gen.next({id}).value).toEqual(call(fetch,"http://localhost:8081/user/${id}"));
	expect(gen.next(response).value).toEqual(apply(response,json));		expect(gen.next(response).value).toEqual(apply(response,json));
	~~export~~(gen.next(user).value).toEqual(put(setCurrentUser(user)));		expect(gen.next(user).value).toEqual(put(setCurrentUser(user)));

	})		})
	})		})
	</syntaxhighlight>		</syntaxhighlight>

2020-05-30T00:07:54Z

Test Sagas

← Older revision		Revision as of 00:07, 30 May 2020
Line 238:		Line 238:

	expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));		expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));
	expect(gen.next({id}).value).toEqual(fetch(`http://localhost:8081/user/${id}`));		expect(gen.next({id}).value).toEqual(call(fetch,`http://localhost:8081/user/${id}`));
	expect(gen.next(response).value).toEqual(apply(response,json));		expect(gen.next(response).value).toEqual(apply(response,json));
	export(gen.next(user).value).toEqual(put(setCurrentUser(user)));		export(gen.next(user).value).toEqual(put(setCurrentUser(user)));

2020-05-30T00:05:54Z

← Older revision		Revision as of 00:05, 30 May 2020
Line 213:		Line 213:
	== Event Channel ==		== Event Channel ==
	Connects app to outside event sources e.g. web sockets<br />		Connects app to outside event sources e.g. web sockets<br />

			= Test Sagas =
			Example of test the currentUserSaga

			<syntaxhighlight lang="javascript">
			export function* currentUserSaga() {
			const { id } = yield take(GET_CURRENT_USER_INFO);
			const response = yield call(fetch, `http://localhost:8081/user/${id}`);
			const data = yield apply(response,response.json);
			// yield put(setCurrentUser(data));
			yield put({type: SET_CURRENT_USER, user: data });
			}
			</syntaxhighlight>

			<syntaxhighlight lang="javascript">
			describe("The current user saga", (()=> {
			test("It fetches and puts the current users data", ()=> {

			const id = "NCC1701"
			const user = "Jean-Luc"
			const json = ()=>{}
			const response = { json}
			const gen = currentUserSaga()

			expect(gen.next().value).toEqual(take(GET_CURRENT_USER_INFO));
			expect(gen.next({id}).value).toEqual(fetch(`http://localhost:8081/user/${id}`));
			expect(gen.next(response).value).toEqual(apply(response,json));
			export(gen.next(user).value).toEqual(put(setCurrentUser(user)));

			})
			})
			</syntaxhighlight>

2020-05-29T05:19:10Z

All

← Older revision		Revision as of 05:19, 29 May 2020
Line 165:		Line 165:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

			= Channels =

			== Action Channel ==
			Buffer actions to be processed one at a time<br />
			<syntaxhighlight lang="javascript">
			function* updateSaga() {
			let chan = yield actionChannel("UPDATE");
			while(true)
			{
			yield effects.take(chan);
			conole.info("Update logged.");
			yield delay(1000);
			}
			}
			</syntaxhighlight>

			With an action channel no events are lost. Whereas if the take was yield.take("UPDATE"), only events outside of the delay would be processed.

			== General Channel ==
			Communicate between to sagas<br />
			<syntaxhighlight lang="javascript">
			function* saga() {

			let chan = yield channel();

			function* handleRequest(chan) {
			while(true)
			{
			let payload = yield effects.take(chan);
			console.info("Got payload.");
			yield delay(1000);
			}
			}

			yield effects.fork(handleRequest, chan);
			yield effects.fork(handleRequest, chan);

			yield effects.put(chan, {payload:42} );
			yield effects.put(chan, {payload:42} );
			yield effects.put(chan, {payload:42} );
			}
			</syntaxhighlight>

			The first two request as logged and then the third on looping around.

			== Event Channel ==
			Connects app to outside event sources e.g. web sockets<br />

2020-05-29T01:54:23Z

TakeLatest

@@ Line 152: / Line 152: @@
 // Looped 1 times
 // Looped 2 times
 </syntaxhighlight>