mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-13 17:21:14 -05:00
176 lines
5.7 KiB
JavaScript
176 lines
5.7 KiB
JavaScript
const tap = require('tap');
|
|
const Preview = require('../../../src/redux/preview');
|
|
const initialState = Preview.getInitialState();
|
|
const reducer = Preview.previewReducer;
|
|
|
|
let state;
|
|
|
|
tap.tearDown(() => process.nextTick(process.exit));
|
|
|
|
tap.test('Reducer', t => {
|
|
t.type(reducer, 'function');
|
|
t.type(initialState, 'object');
|
|
|
|
// Reducers should return their default state when called without state
|
|
let undefinedState;
|
|
t.deepEqual(initialState, reducer(undefinedState, {type: 'fake action'}));
|
|
t.end();
|
|
});
|
|
|
|
tap.test('resetProject', t => {
|
|
state = reducer({some: 'garbage'}, Preview.resetProject());
|
|
t.deepEqual(state, initialState);
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setProjectInfo', t => {
|
|
// Initial values
|
|
t.equal(initialState.projectNotAvailable, false);
|
|
t.deepEqual(initialState.projectInfo, {});
|
|
|
|
// setProjectInfo action with an `info` value sets the projectInfo
|
|
state = reducer(initialState, Preview.setProjectInfo('a value'));
|
|
t.equal(state.projectInfo, 'a value');
|
|
t.equal(state.projectNotAvailable, false);
|
|
|
|
// setProjectInfo action with null info sets projectNotAvailable to true
|
|
// and resets the project info back to default state
|
|
state = reducer(initialState, Preview.setProjectInfo(null));
|
|
t.deepEqual(state.projectInfo, initialState.projectInfo);
|
|
t.equal(state.projectNotAvailable, true);
|
|
t.end();
|
|
});
|
|
|
|
tap.test('updateProjectInfo', t => {
|
|
const info = {a: 'value a', b: 'value b'};
|
|
state = reducer({projectInfo: info}, Preview.updateProjectInfo({
|
|
b: 'new value b',
|
|
c: 'new value c'
|
|
}));
|
|
t.deepEqual(state.projectInfo, {
|
|
a: 'value a',
|
|
b: 'new value b',
|
|
c: 'new value c'
|
|
});
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setComments', t => {
|
|
// Initial value
|
|
t.deepEqual(initialState.comments, []);
|
|
|
|
state = reducer(initialState, Preview.setComments([{id: 1}, {id: 2}]));
|
|
state = reducer(state, Preview.setComments([{id: 3}, {id: 4}]));
|
|
t.deepEqual(state.comments, [{id: 1}, {id: 2}, {id: 3}, {id: 4}]);
|
|
|
|
t.end();
|
|
});
|
|
|
|
const commentState = {
|
|
comments: [
|
|
{id: 'id1', visibility: 'visible'},
|
|
{id: 'id2', visibility: 'visible'},
|
|
{id: 'id3', visibility: 'visible'}
|
|
],
|
|
replies: {
|
|
id1: [
|
|
{id: 'id4', visibility: 'visible'},
|
|
{id: 'id5', visibility: 'visible'}
|
|
]
|
|
}
|
|
};
|
|
|
|
tap.test('setComments, discards duplicates', t => {
|
|
state = reducer(commentState, Preview.setComments([{id: 'id1'}]));
|
|
// Does not increase the number of comments, still 3
|
|
t.equal(state.comments.length, 3);
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setCommentDeleted, top level comment', t => {
|
|
state = reducer(commentState, Preview.setCommentDeleted('id2'));
|
|
t.equal(state.comments[1].visibility, 'deleted');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setCommentDeleted, reply comment', t => {
|
|
state = reducer(commentState, Preview.setCommentDeleted('id4', 'id1'));
|
|
t.equal(state.replies.id1[0].visibility, 'deleted');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setRepliesDeleted/Restored', t => {
|
|
state = reducer(commentState, Preview.setRepliesDeleted('id1'));
|
|
t.equal(state.replies.id1[0].visibility, 'deleted');
|
|
t.equal(state.replies.id1[1].visibility, 'deleted');
|
|
|
|
state = reducer(state, Preview.setRepliesRestored('id1'));
|
|
t.equal(state.replies.id1[0].visibility, 'visible');
|
|
t.equal(state.replies.id1[1].visibility, 'visible');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setCommentReported, top level comment', t => {
|
|
state = reducer(commentState, Preview.setCommentReported('id2'));
|
|
t.equal(state.comments[1].visibility, 'reported');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setCommentReported, reply comment', t => {
|
|
state = reducer(commentState, Preview.setCommentReported('id4', 'id1'));
|
|
t.equal(state.replies.id1[0].visibility, 'reported');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('addNewComment, top level comment', t => {
|
|
state = reducer(commentState, Preview.addNewComment({id: 'new comment'}));
|
|
// Adds comment to beginning of list
|
|
t.equal(state.comments[0].id, 'new comment');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('addNewComment, reply comment', t => {
|
|
state = reducer(commentState, Preview.addNewComment({id: 'new comment'}, 'id1'));
|
|
// Adds replies to the end of the replies list
|
|
t.equal(state.replies.id1[2].id, 'new comment');
|
|
t.end();
|
|
});
|
|
|
|
tap.test('setReplies', t => {
|
|
// setReplies should append new replies
|
|
state = reducer(commentState, Preview.setReplies({
|
|
id1: {id: 'id6'}
|
|
}));
|
|
t.equal(state.replies.id1[2].id, 'id6');
|
|
t.equal(state.comments[0].moreRepliesToLoad, false);
|
|
|
|
// setReplies should ignore duplicates, do the same as above again
|
|
t.equal(state.replies.id1.length, 3);
|
|
state = reducer(state, Preview.setReplies({id1: {id: 'id6'}}));
|
|
t.equal(state.replies.id1.length, 3);
|
|
|
|
// setReplies can add replies to a comment that didn't have any
|
|
state = reducer(state, Preview.setReplies({
|
|
id2: {id: 'id7'}
|
|
}));
|
|
t.equal(state.replies.id1.length, 3);
|
|
t.equal(state.replies.id2.length, 1);
|
|
t.equal(state.replies.id2[0].id, 'id7');
|
|
t.equal(state.comments[0].moreRepliesToLoad, false);
|
|
t.equal(state.comments[1].moreRepliesToLoad, false);
|
|
|
|
// Getting 20 (COMMENT_LIMIT) replies sets moreRepliesToLoad to true
|
|
state = reducer(state, Preview.setReplies({
|
|
id3: (new Array(20)).map((_, i) => ({id: `id${i + 1}`}))
|
|
}));
|
|
t.equal(state.comments[0].moreRepliesToLoad, false);
|
|
t.equal(state.comments[1].moreRepliesToLoad, false);
|
|
t.equal(state.comments[2].moreRepliesToLoad, true);
|
|
|
|
// Getting one more reply sets moreRepliesToLoad back to false
|
|
state = reducer(state, Preview.setReplies({
|
|
id3: {id: 'id21'}
|
|
}));
|
|
t.equal(state.comments[2].moreRepliesToLoad, false);
|
|
t.end();
|
|
});
|