@coorpacademy/app-review 0.4.0 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -42,7 +42,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.23.2",
+    "@coorpacademy/components": "10.23.4",
     "@coorpacademy/redux-task": "^1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
@@ -77,5 +77,5 @@
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"
   },
-  "gitHead": "e61dd34ad35298d25b20f60966d679a7f1f5657d"
+  "gitHead": "700c771b8e6b4fe3016654d938e0e28527fabc9e"
 }

package/src/views/skills/test/skills.test.ts

@@ -98,4 +98,5 @@ test('should create initial props when skills on the state', t => {
       reviseAriaLabel: '@todo revise aria label'
     }
   ]);
+  t.notThrows(() => props.listSkills[0].onClick());
 });

package/src/views/slides/test/slide.free-text.on-change.test.ts

@@ -1,15 +1,26 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
-import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
+import {POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS} from '../../../actions/api/post-answer';
+import {SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS} from '../../../actions/api/fetch-slide';
+import {
+  CORRECTION_FETCH_REQUEST,
+  CORRECTION_FETCH_SUCCESS
+} from '../../../actions/api/fetch-correction';
+import {RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS} from '../../../actions/api/fetch-rank';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {
+  getChoicesCorrection,
+  postAnswerResponses,
+  services
+} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_BASIC} from '../../../actions/ui/answers';
 import {FreeText} from '../../../types/slides';
 import {freeTextSlide} from './fixtures/free-text';
+import {qcmGraphicSlide} from './fixtures/qcm-graphic';
 
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
@@ -58,15 +69,30 @@ const initialState: StoreState = {
   }
 };
 
-test('should dispatch EDIT_BASIC action via the property onChange of a Free Text slide', t => {
-  t.plan(2);
-
+test('should dispatch EDIT_BASIC action via the property onChange of a Free Text slide, and all actions after click on validate the slide', async t => {
+  t.plan(3);
   const expectedActions = [
     {
       type: EDIT_BASIC,
       meta: {slideRef: freeTextSlide._id},
       payload: ['My Answer']
-    }
+    },
+    {type: POST_ANSWER_REQUEST, meta: {slideRef: freeTextSlide._id}},
+    {
+      type: POST_ANSWER_SUCCESS,
+      meta: {slideRef: freeTextSlide._id},
+      payload: postAnswerResponses[freeTextSlide._id]
+    },
+    {type: SLIDE_FETCH_REQUEST, meta: {slideRef: qcmGraphicSlide._id}},
+    {type: SLIDE_FETCH_SUCCESS, meta: {slideRef: qcmGraphicSlide._id}, payload: qcmGraphicSlide},
+    {type: CORRECTION_FETCH_REQUEST, meta: {slideRef: freeTextSlide._id}},
+    {
+      type: CORRECTION_FETCH_SUCCESS,
+      meta: {slideRef: freeTextSlide._id},
+      payload: getChoicesCorrection(freeTextSlide._id)
+    },
+    {type: RANK_FETCH_START_REQUEST},
+    {type: RANK_FETCH_START_SUCCESS, payload: {rank: 93}}
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
@@ -83,7 +109,7 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
       'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?'
   });
 
-  const SlideProps = props.stack.slides['0'].answerUI?.model as FreeText;
-  const onChange = get('onChange', SlideProps);
-  onChange('My Answer');
+  const slideProps = props.stack.slides['0'].answerUI?.model as FreeText;
+  await slideProps.onChange('My Answer');
+  await props.stack.validateButton.onClick();
 });

package/src/views/slides/test/slide.next-slide.on-click.test.ts

@@ -0,0 +1,64 @@
+import test from 'ava';
+import identity from 'lodash/fp/identity';
+import type {StoreState} from '../../../reducers';
+import {
+  getChoicesCorrection,
+  incorrectFreeTextPostAnswerResponse,
+  services
+} from '../../../test/util/services.mock';
+import {CorrectionPopinProps, mapStateToSlidesProps} from '..';
+import {createTestStore} from '../../../actions/test/create-test-store';
+import {NEXT_SLIDE} from '../../../actions/ui/next-slide';
+import {freeTextSlide} from './fixtures/free-text';
+import {qcmGraphicSlide} from './fixtures/qcm-graphic';
+
+test('correction popin actions after click', async t => {
+  const state: StoreState = {
+    data: {
+      progression: incorrectFreeTextPostAnswerResponse,
+      skills: [],
+      slides: {
+        sli_VJYjJnJhg: freeTextSlide,
+        sli_VkSQroQnx: qcmGraphicSlide
+      },
+      token: '1234',
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id, true)
+      },
+      rank: {}
+    },
+    ui: {
+      currentSlideRef: 'sli_VJYjJnJhg',
+      navigation: ['loader', 'slides'],
+      answers: {sli_VJYjJnJhg: ['My value']},
+      slide: {
+        sli_VJYjJnJhg: {
+          validateButton: false,
+          animateCorrectionPopin: true,
+          showCorrectionPopin: true
+        },
+        sli_VkSQroQnx: {
+          validateButton: false,
+          animateCorrectionPopin: false,
+          showCorrectionPopin: false
+        }
+      }
+    }
+  };
+
+  const expectedActions = [
+    {
+      type: NEXT_SLIDE,
+      payload: {
+        animationType: 'restack',
+        currentSlideRef: freeTextSlide._id,
+        nextSlideRef: qcmGraphicSlide._id
+      }
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, state, services, expectedActions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const correctionPopin = props.stack.correctionPopinProps as CorrectionPopinProps;
+  await correctionPopin.next.onClick();
+  t.pass();
+});

package/src/views/slides/test/slide.template.on-change.test.ts

@@ -1,6 +1,7 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
+import set from 'lodash/fp/set';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
@@ -8,7 +9,7 @@ import {services} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_TEMPLATE} from '../../../actions/ui/answers';
-import {Template} from '../../../types/slides';
+import {Template, TextTemplate} from '../../../types/slides';
 import {templateSlide} from './fixtures/template';
 
 const progression: ProgressionFromAPI = {
@@ -58,11 +59,12 @@ const initialState: StoreState = {
   }
 };
 
-test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Text slide', t => {
-  t.plan(2);
+test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Text and Select slide', t => {
+  t.plan(3);
 
   const expectedActions = [
-    {type: EDIT_TEMPLATE, meta: {slideRef: templateSlide._id}, payload: ['', 'test', '']}
+    {type: EDIT_TEMPLATE, meta: {slideRef: templateSlide._id}, payload: ['', 'test', '']},
+    {type: EDIT_TEMPLATE, meta: {slideRef: templateSlide._id}, payload: ['Catalogue', '', '']}
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
@@ -79,17 +81,24 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   });
 
   const SlideProps = props.stack.slides['0'].answerUI?.model as Template;
-  const onChange = get(['1', 'onChange'], SlideProps.answers);
-  onChange('test');
+  const onChangeText = get(['1', 'onChange'], SlideProps.answers);
+  onChangeText('test');
+  const onChangeSelect = get(['0', 'onChange'], SlideProps.answers);
+  onChangeSelect('Catalogue');
 });
 
-test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Select slide', t => {
-  t.plan(2);
+test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Text with previous answer', t => {
+  t.plan(4);
 
   const expectedActions = [
-    {type: EDIT_TEMPLATE, meta: {slideRef: templateSlide._id}, payload: ['Catalogue', '', '']}
+    {type: EDIT_TEMPLATE, meta: {slideRef: templateSlide._id}, payload: ['', '', '']}
   ];
-  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+  const {dispatch, getState} = createTestStore(
+    t,
+    set(['ui', 'answers', templateSlide._id], ['', 'Test', ''], initialState),
+    services,
+    expectedActions
+  );
 
   const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
@@ -104,6 +113,13 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   });
 
   const SlideProps = props.stack.slides['0'].answerUI?.model as Template;
-  const onChange = get(['0', 'onChange'], SlideProps.answers);
-  onChange('Catalogue');
+  const textAnswerProps = SlideProps.answers[1] as TextTemplate;
+  t.is(textAnswerProps.value, 'Test');
+  const onChangeText = get(['1', 'onChange'], SlideProps.answers);
+  onChangeText('');
+
+  const newProps = mapStateToSlidesProps(getState(), dispatch, identity);
+  const SlidePropsAfterOnChange = newProps.stack.slides['0'].answerUI?.model as Template;
+  const textAnswerPropsAfterOnChange = SlidePropsAfterOnChange.answers[1] as TextTemplate;
+  t.is(textAnswerPropsAfterOnChange.value, '');
 });