feat(v4): Update the help center portal design (#10296)
Co-authored-by: Pranav <pranavrajs@gmail.com>
This commit is contained in:
@@ -12,6 +12,13 @@ const articleList = [
|
||||
title: 'Documents are required to complete KYC',
|
||||
},
|
||||
];
|
||||
|
||||
const camelCasedArticle = {
|
||||
id: 1,
|
||||
categoryId: 1,
|
||||
title: 'Documents are required to complete KYC',
|
||||
};
|
||||
|
||||
const commit = vi.fn();
|
||||
const dispatch = vi.fn();
|
||||
global.axios = axios;
|
||||
@@ -41,14 +48,14 @@ describe('#actions', () => {
|
||||
[
|
||||
{
|
||||
id: 1,
|
||||
category_id: 1,
|
||||
categoryId: 1,
|
||||
title: 'Documents are required to complete KYC',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
types.default.SET_ARTICLES_META,
|
||||
{ current_page: '1', articles_count: 5 },
|
||||
{ currentPage: '1', articlesCount: 5 },
|
||||
],
|
||||
[types.default.ADD_MANY_ARTICLES_ID, [1]],
|
||||
[types.default.SET_UI_FLAG, { isFetching: false }],
|
||||
@@ -71,11 +78,11 @@ describe('#actions', () => {
|
||||
|
||||
describe('#create', () => {
|
||||
it('sends correct actions if API is success', async () => {
|
||||
axios.post.mockResolvedValue({ data: { payload: articleList[0] } });
|
||||
await actions.create({ commit, dispatch }, articleList[0]);
|
||||
axios.post.mockResolvedValue({ data: { payload: camelCasedArticle } });
|
||||
await actions.create({ commit, dispatch }, camelCasedArticle);
|
||||
expect(commit.mock.calls).toEqual([
|
||||
[types.default.SET_UI_FLAG, { isCreating: true }],
|
||||
[types.default.ADD_ARTICLE, articleList[0]],
|
||||
[types.default.ADD_ARTICLE, camelCasedArticle],
|
||||
[types.default.ADD_ARTICLE_ID, 1],
|
||||
[types.default.ADD_ARTICLE_FLAG, 1],
|
||||
[types.default.SET_UI_FLAG, { isCreating: false }],
|
||||
@@ -96,7 +103,7 @@ describe('#actions', () => {
|
||||
|
||||
describe('#update', () => {
|
||||
it('sends correct actions if API is success', async () => {
|
||||
axios.patch.mockResolvedValue({ data: { payload: articleList[0] } });
|
||||
axios.patch.mockResolvedValue({ data: { payload: camelCasedArticle } });
|
||||
await actions.update(
|
||||
{ commit },
|
||||
{
|
||||
@@ -110,7 +117,7 @@ describe('#actions', () => {
|
||||
types.default.UPDATE_ARTICLE_FLAG,
|
||||
{ uiFlags: { isUpdating: true }, articleId: 1 },
|
||||
],
|
||||
[types.default.UPDATE_ARTICLE, articleList[0]],
|
||||
[types.default.UPDATE_ARTICLE, camelCasedArticle],
|
||||
[
|
||||
types.default.UPDATE_ARTICLE_FLAG,
|
||||
{ uiFlags: { isUpdating: false }, articleId: 1 },
|
||||
|
||||
@@ -53,8 +53,8 @@ describe('#mutations', () => {
|
||||
current_page: 1,
|
||||
});
|
||||
expect(state.meta).toEqual({
|
||||
count: 3,
|
||||
currentPage: 1,
|
||||
articles_count: 3,
|
||||
current_page: 1,
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -71,22 +71,36 @@ describe('#mutations', () => {
|
||||
});
|
||||
|
||||
describe('#UPDATE_ARTICLE', () => {
|
||||
it('does not updates if empty object is passed', () => {
|
||||
it('does not update if empty object is passed', () => {
|
||||
mutations[types.UPDATE_ARTICLE](state, {});
|
||||
expect(state).toEqual(article);
|
||||
});
|
||||
it('does not updates if object id is not present ', () => {
|
||||
|
||||
it('does not update if object id is not present in the state', () => {
|
||||
mutations[types.UPDATE_ARTICLE](state, { id: 5 });
|
||||
expect(state).toEqual(article);
|
||||
});
|
||||
it(' updates if object with id already present in the state', () => {
|
||||
mutations[types.UPDATE_ARTICLE](state, {
|
||||
|
||||
it('updates if object with id is already present in the state', () => {
|
||||
const updatedArticle = {
|
||||
id: 2,
|
||||
title: 'How do I change my registered email address',
|
||||
});
|
||||
expect(state.articles.byId[2].title).toEqual(
|
||||
'How do I change my registered email address'
|
||||
);
|
||||
title: 'Updated Title',
|
||||
content: 'Updated Content',
|
||||
};
|
||||
mutations[types.UPDATE_ARTICLE](state, updatedArticle);
|
||||
expect(state.articles.byId[2].title).toEqual('Updated Title');
|
||||
expect(state.articles.byId[2].content).toEqual('Updated Content');
|
||||
});
|
||||
|
||||
it('preserves the original position when updating an article', () => {
|
||||
const originalPosition = state.articles.byId[2].position;
|
||||
const updatedArticle = {
|
||||
id: 2,
|
||||
title: 'Updated Title',
|
||||
content: 'Updated Content',
|
||||
};
|
||||
mutations[types.UPDATE_ARTICLE](state, updatedArticle);
|
||||
expect(state.articles.byId[2].position).toEqual(originalPosition);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user