@coorpacademy/app-review 0.2.4 → 0.2.6

package/src/views/slides/test/fixtures/qcm-graphic.ts

@@ -80,14 +80,16 @@ export const qcmGraphicUISlide: Partial<UISlide> = {
           image:
             '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
           selected: false,
-          onClick: noop
+          onClick: noop,
+          ariaLabel: 'Vrai'
         },
         {
           title: 'Faux',
           image:
             '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
           selected: false,
-          onClick: noop
+          onClick: noop,
+          ariaLabel: 'Faux'
         }
       ]
     }

package/src/views/slides/test/fixtures/qcm.ts

@@ -89,14 +89,14 @@ export const qcmUISlide: Partial<UISlide> = {
           title: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
           selected: false,
           onClick: noop,
-          ariaLabel: 'Le créateur peut fixer un pourcentage pour chaque transaction future'
+          'aria-label': 'Le créateur peut fixer un pourcentage pour chaque transaction future'
         },
         {
           title:
             "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
           selected: false,
           onClick: noop,
-          ariaLabel:
+          'aria-label':
             "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
         },
         {
@@ -104,14 +104,15 @@ export const qcmUISlide: Partial<UISlide> = {
             "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
           selected: false,
           onClick: noop,
-          ariaLabel:
+          'aria-label':
             "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
         },
         {
           title: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
           selected: false,
           onClick: noop,
-          ariaLabel: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
+          'aria-label':
+            "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
         }
       ]
     }

package/src/views/slides/test/index.test.ts

@@ -24,7 +24,8 @@ test('should create initial props when fetched slide is not still received', t =
       slides: {
         sli_N1XACJobn: null
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: '',
@@ -113,7 +114,8 @@ test('should create props when first slide is on the state', t => {
       slides: {
         sli_VJYjJnJhg: freeTextSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -214,7 +216,8 @@ test('should create props when slide is on the state and user has selected answe
       slides: {
         sli_VJYjJnJhg: freeTextSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -316,7 +319,8 @@ test('should verify props when first slide was answered correctly and next slide
         sli_VJYjJnJhg: freeTextSlide,
         sli_VkSQroQnx: null
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -422,7 +426,8 @@ test('should verify props when first slide was answered with error and next slid
         sli_VJYjJnJhg: freeTextSlide,
         sli_VkSQroQnx: null
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -481,7 +486,8 @@ test('should verify props when first slide was answered and next slide is fecthe
         sli_VJYjJnJhg: freeTextSlide,
         sli_VkSQroQnx: qcmGraphicSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -586,7 +592,8 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
         sli_VJYjJnJhg: freeTextSlide,
         sli_VkSQroQnx: qcmGraphicSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: 'sli_VkSQroQnx',
@@ -650,7 +657,8 @@ test('should verify props when progression is in success', t => {
         [sliderSlide.universalRef]: sliderSlide,
         [templateSlide.universalRef]: templateSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: templateSlide.universalRef,
@@ -714,7 +722,8 @@ test('should verify props when progression has answered a current pendingslide',
         [sliderSlide.universalRef]: sliderSlide,
         [templateSlide.universalRef]: templateSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: freeTextSlide.universalRef,
@@ -775,7 +784,8 @@ test('should verify props when progression has still pendingslide', t => {
         [sliderSlide.universalRef]: sliderSlide,
         [templateSlide.universalRef]: templateSlide
       },
-      token: '1234'
+      token: '1234',
+      corrections: {}
     },
     ui: {
       currentSlideRef: qcmSlide.universalRef,

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

@@ -0,0 +1,79 @@
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import {mapStateToSlidesProps} from '..';
+import {ProgressionFromAPI} from '../../../types/common';
+import {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';
+
+const progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: freeTextSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [freeTextSlide._id]: freeTextSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {}
+  },
+  ui: {
+    currentSlideRef: freeTextSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_BASIC action via the property onChange of a Free Text slide', t => {
+  t.plan(2);
+
+  const expectedActions = [
+    {
+      type: EDIT_BASIC,
+      payload: ['My Answer']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+
+  const props = mapStateToSlidesProps(getState(), dispatch);
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText:
+      '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');
+});

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

@@ -0,0 +1,78 @@
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import {mapStateToSlidesProps} from '..';
+import {ProgressionFromAPI} from '../../../types/common';
+import {services} from '../../../test/util/services.mock';
+import {createTestStore} from '../../../actions/test/create-test-store';
+import {StoreState} from '../../../reducers';
+import {EDIT_QCM_DRAG} from '../../../actions/ui/answers';
+import {QcmDrag} from '../../../types/slides';
+import {qcmDragSlide} from './fixtures/qcm-drag';
+
+const progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: qcmDragSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [qcmDragSlide._id]: qcmDragSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {}
+  },
+  ui: {
+    currentSlideRef: qcmDragSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Drag slide', t => {
+  t.plan(2);
+
+  const expectedActions = [
+    {
+      type: EDIT_QCM_DRAG,
+      payload: ['La démoralisation']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+
+  const props = mapStateToSlidesProps(getState(), dispatch);
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Using redux" chapter',
+    questionText: "Remettez dans l'ordre les quatre étapes du burn out."
+  });
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as QcmDrag;
+  const onClick = get(['0', 'onClick'], SlideProps.answers);
+  onClick();
+});

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

@@ -0,0 +1,79 @@
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import {mapStateToSlidesProps} from '..';
+import {ProgressionFromAPI} from '../../../types/common';
+import {services} from '../../../test/util/services.mock';
+import {createTestStore} from '../../../actions/test/create-test-store';
+import {StoreState} from '../../../reducers';
+import {EDIT_QCM_GRAPHIC} from '../../../actions/ui/answers';
+import {QcmGraphic} from '../../../types/slides';
+import {qcmGraphicSlide} from './fixtures/qcm-graphic';
+
+const progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: qcmGraphicSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [qcmGraphicSlide._id]: qcmGraphicSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {}
+  },
+  ui: {
+    currentSlideRef: qcmGraphicSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM Graphic slide', t => {
+  t.plan(2);
+
+  const expectedActions = [
+    {
+      type: EDIT_QCM_GRAPHIC,
+      payload: ['Faux']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+
+  const props = mapStateToSlidesProps(getState(), dispatch);
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText:
+      'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+  });
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as QcmGraphic;
+  const onClick = get(['1', 'onClick'], SlideProps.answers);
+  onClick();
+});

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

@@ -0,0 +1,80 @@
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import {mapStateToSlidesProps} from '..';
+import {ProgressionFromAPI} from '../../../types/common';
+import {services} from '../../../test/util/services.mock';
+import {createTestStore} from '../../../actions/test/create-test-store';
+import {StoreState} from '../../../reducers';
+import {EDIT_QCM} from '../../../actions/ui/answers';
+import {Qcm} from '../../../types/slides';
+import {qcmSlide} from './fixtures/qcm';
+
+const progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: qcmSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [qcmSlide._id]: qcmSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {}
+  },
+  ui: {
+    currentSlideRef: qcmSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_QCM action via the property onClick of a QCM slide', t => {
+  t.plan(2);
+
+  const expectedActions = [
+    {
+      type: EDIT_QCM,
+      payload: [
+        "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+      ]
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+
+  const props = mapStateToSlidesProps(getState(), dispatch);
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?"
+  });
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as Qcm;
+  const onClick = get(['1', 'onClick'], SlideProps.answers);
+  onClick();
+});

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

@@ -0,0 +1,80 @@
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import {mapStateToSlidesProps} from '..';
+import {ProgressionFromAPI} from '../../../types/common';
+import {services} from '../../../test/util/services.mock';
+import {createTestStore} from '../../../actions/test/create-test-store';
+import {StoreState} from '../../../reducers';
+import {EDIT_SLIDER} from '../../../actions/ui/answers';
+import {QuestionRange} from '../../../types/slides';
+import {sliderSlide} from './fixtures/slider';
+
+const progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: sliderSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [sliderSlide._id]: sliderSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {}
+  },
+  ui: {
+    currentSlideRef: sliderSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_SLIDER action via the property onChange of a Slider slide', t => {
+  t.plan(2);
+
+  const expectedActions = [
+    {
+      type: EDIT_SLIDER,
+      payload: ['5']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+
+  const props = mapStateToSlidesProps(getState(), dispatch);
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText:
+      'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?'
+  });
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const onChange = get('onChange', SlideProps)!;
+  onChange(0.29339261968085106);
+});

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

@@ -39,7 +39,8 @@ const initialState: StoreState = {
       [templateSlide._id]: templateSlide
     },
     skills: [],
-    token: '1234'
+    token: '1234',
+    corrections: {}
   },
   ui: {
     currentSlideRef: templateSlide._id,