@coorpacademy/player-web 4.2.10 → 4.2.11

package/lib/map-state-to-props/test/player.js

@@ -1,714 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.store = exports.options = exports.data = void 0;
-
-var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
-
-var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
-
-var _isFunction2 = _interopRequireDefault(require("lodash/fp/isFunction"));
-
-var _fromPairs2 = _interopRequireDefault(require("lodash/fp/fromPairs"));
-
-var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
-var _set2 = _interopRequireDefault(require("lodash/fp/set"));
-
-var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
-var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
-var _ava = _interopRequireDefault(require("ava"));
-
-var _translate = require("@coorpacademy/translate");
-
-var _playerServices = require("@coorpacademy/player-services");
-
-var _playerStore = require("@coorpacademy/player-store");
-
-var _player = _interopRequireDefault(require("../player"));
-
-var _header = _interopRequireDefault(require("../header"));
-
-var fixtures = _interopRequireWildcard(require("../../../sandbox/fixtures"));
-
-var _progressionLearner = _interopRequireDefault(require("./fixtures/progression-learner"));
-
-var _plop = _interopRequireDefault(require("./fixtures/slides/plop"));
-
-var _basic = _interopRequireDefault(require("./fixtures/slides/basic"));
-
-var _withContext = _interopRequireDefault(require("./fixtures/slides/with-context"));
-
-var _template = _interopRequireDefault(require("./fixtures/slides/template"));
-
-var _qcm = _interopRequireDefault(require("./fixtures/slides/qcm"));
-
-var _qcmDrag = _interopRequireDefault(require("./fixtures/slides/qcm-drag"));
-
-var _qcmGraphic = _interopRequireDefault(require("./fixtures/slides/qcm-graphic"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const services = {
-  Analytics: _playerServices.Analytics,
-  Answers: (0, _playerServices.Answers)(fixtures),
-  Clues: (0, _playerServices.Clues)(fixtures),
-  Coach: _playerServices.Coach,
-  Comments: _playerServices.Comments,
-  Content: (0, _playerServices.Content)(fixtures),
-  ExitNodes: (0, _playerServices.ExitNodes)(fixtures),
-  LeaderBoard: _playerServices.LeaderBoard,
-  Location: _playerServices.Location,
-  Logger: console,
-  Progressions: (0, _playerServices.Progressions)(fixtures),
-  Recommendations: (0, _playerServices.Recommendations)(fixtures)
-};
-const options = {
-  translate: _translate.mockTranslate,
-  services
-};
-exports.options = options;
-const store = {
-  dispatch: _identity2.default
-};
-exports.store = store;
-const createPlayerProps = (0, _player.default)(options, store);
-const createHeaderProps = (0, _header.default)(options, store);
-const availableSlides = (0, _pipe2.default)((0, _map2.default)(slide => [slide._id, slide]), _fromPairs2.default)([_basic.default, _plop.default, _qcm.default, _qcmDrag.default, _qcmGraphic.default, _withContext.default]);
-
-const createProgression = (slide, contentRef) => ({
-  engine: {
-    ref: 'microlearning',
-    version: '1'
-  },
-  content: {
-    ref: contentRef,
-    type: 'chapter'
-  },
-  state: {
-    nextContent: {
-      ref: slide._id,
-      type: 'slide'
-    },
-    lives: 1,
-    livesDisabled: false,
-    step: {
-      current: 1
-    },
-    viewedResources: []
-  }
-});
-
-const data = {
-  contents: {
-    chapter: {
-      entities: {
-        nonAdaptiveContent: {
-          _id: 'nonAdaptiveContent',
-          isConditional: false
-        },
-        adaptiveContent: {
-          _id: 'adaptiveContent',
-          isConditional: true
-        }
-      }
-    },
-    slide: {
-      entities: availableSlides
-    }
-  },
-  progressions: {
-    entities: {
-      basic: createProgression(_basic.default, 'nonAdaptiveContent'),
-      plop: createProgression(_plop.default, 'nonAdaptiveContent'),
-      qcm: createProgression(_qcm.default, 'nonAdaptiveContent'),
-      qcmDrag: createProgression(_qcmDrag.default, 'nonAdaptiveContent'),
-      qcmGraphic: createProgression(_qcmGraphic.default, 'nonAdaptiveContent'),
-      template: createProgression(_template.default, 'nonAdaptiveContent'),
-      context: createProgression(_withContext.default, 'nonAdaptiveContent'),
-      adaptiveBasic: createProgression(_basic.default, 'adaptiveContent'),
-      adaptiveQcm: createProgression(_qcm.default, 'adaptiveContent'),
-      adaptiveQcmDrag: createProgression(_qcmDrag.default, 'adaptiveContent'),
-      adaptiveQcmGraphic: createProgression(_qcmGraphic.default, 'adaptiveContent'),
-      adaptiveContext: createProgression(_withContext.default, 'adaptiveContent'),
-      adaptiveTemplate: createProgression(_template.default, 'adaptiveContent')
-    }
-  }
-};
-exports.data = data;
-
-const isDisabledFor = (slide, isConditional, answer) => {
-  const progressionId = 'progression';
-  const chapterId = 'chapter';
-  return createPlayerProps({
-    data: {
-      contents: {
-        slide: {
-          entities: {
-            [slide._id]: _extends({}, slide, {
-              chapter_id: chapterId
-            })
-          }
-        },
-        chapter: {
-          entities: {
-            [chapterId]: {
-              _id: chapterId,
-              isConditional
-            }
-          }
-        }
-      },
-      progressions: {
-        entities: {
-          [progressionId]: createProgression(slide, chapterId)
-        }
-      }
-    },
-    ui: {
-      route: {
-        [progressionId]: 'answer'
-      },
-      current: {
-        progressionId
-      },
-      answers: {
-        [progressionId]: {
-          value: answer
-        }
-      }
-    }
-  }).cta.disabled;
-};
-
-(0, _ava.default)('should create player props for basic question and show coaches', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        basic: 'answer'
-      },
-      current: {
-        progressionId: 'basic'
-      },
-      coaches: {
-        availableCoaches: 1
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  const headerProps = createHeaderProps(state);
-  t.deepEqual(props.answerType.media, {
-    _id: '593eb72a187bd18c01283592',
-    mimeType: 'image/jpeg',
-    type: 'img',
-    url: '//static.coorpacademy.com/content/ijoinchanel/en/slides/1B2_Q6/1B2-Q6-canap-v1.jpg'
-  });
-  t.is(props.typeClue, 'answer');
-  t.is(props.question, "Écrivez le mot Text dans l'input.\n");
-  t.is(props.answerType.model.type, 'freeText');
-  t.true((0, _isFunction2.default)(props.answerType.model.onChange));
-  t.is(props.slideContext, undefined);
-  t.is(props.cta.submitValue, '__Validate');
-  t.true(props.cta.disabled);
-  t.is(props.buttons.length, 4);
-  t.is(props.buttons[3].title, '__Coach');
-  t.is(props.buttons[3].type, 'coach');
-  t.deepEqual((0, _omit2.default)('content.onClick', props.header), (0, _omit2.default)('content.onClick', headerProps));
-  t.true((0, _isFunction2.default)(props.header.content.onClick));
-});
-(0, _ava.default)('should enable the validate button when there is an answer', t => {
-  t.true(isDisabledFor(_basic.default, false, []));
-  t.false(isDisabledFor(_basic.default, false, ['foo']));
-});
-(0, _ava.default)('should enable the validate button when there are two answers in an non-adaptive content for all questions', t => {
-  const answers = ['foo', 'bar'];
-  t.false(isDisabledFor(_basic.default, false, answers));
-  t.false(isDisabledFor(_qcm.default, false, answers));
-  t.false(isDisabledFor(_qcmGraphic.default, false, answers));
-  t.false(isDisabledFor(_qcmDrag.default, false, answers));
-  t.false(isDisabledFor(_withContext.default, false, answers));
-  t.false(isDisabledFor(_template.default, false, answers));
-});
-(0, _ava.default)('should disable the validate button when there are several answers in an adaptive content for qcm questions', t => {
-  t.false(isDisabledFor(_basic.default, true, ['foo', 'bar']));
-  t.true(isDisabledFor(_qcm.default, true, ['foo', 'bar']));
-  t.true(isDisabledFor(_qcmGraphic.default, true, ['foo', 'bar']));
-  t.false(isDisabledFor(_qcmDrag.default, true, ['foo', 'bar']));
-  t.false(isDisabledFor(_withContext.default, true, ['foo', 'bar']));
-  t.false(isDisabledFor(_template.default, true, ['foo', 'bar']));
-  t.false(isDisabledFor(_basic.default, true, ['foo', 'bar', 'baz']));
-  t.true(isDisabledFor(_qcm.default, true, ['foo', 'bar', 'baz']));
-  t.true(isDisabledFor(_qcmGraphic.default, true, ['foo', 'bar', 'baz']));
-  t.false(isDisabledFor(_qcmDrag.default, true, ['foo', 'bar', 'baz']));
-  t.false(isDisabledFor(_withContext.default, true, ['foo', 'bar', 'baz']));
-  t.false(isDisabledFor(_template.default, true, ['foo', 'bar', 'baz']));
-});
-(0, _ava.default)('should disable the validate button when there the text answer has been deleted', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        basic: 'answer'
-      },
-      current: {
-        progressionId: 'basic'
-      },
-      answers: {
-        basic: {
-          value: ['']
-        }
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.cta.disabled);
-});
-(0, _ava.default)('should return defaut props when slide.question.type is not handles', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        basic: 'answer'
-      },
-      current: {
-        progressionId: 'plop'
-      },
-      answers: {
-        basic: {
-          value: ['']
-        }
-      }
-    }
-  };
-  t.throws(() => createPlayerProps(state), {
-    message: 'plop is not an handled question.type'
-  });
-});
-(0, _ava.default)('should disable the validate button when no answer is provided', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        basic: 'answer'
-      },
-      current: {
-        progressionId: 'basic'
-      },
-      answers: {}
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.cta.disabled);
-});
-(0, _ava.default)('should disable the validate button when a previous selected answer has been unselected', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        basic: 'answer'
-      },
-      current: {
-        progressionId: 'basic'
-      },
-      answers: {
-        basic: {
-          value: []
-        }
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.cta.disabled);
-});
-(0, _ava.default)('should disable the validate button when some answer fields are empty', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        template: 'answer'
-      },
-      current: {
-        progressionId: 'template'
-      },
-      answers: {
-        template: {
-          value: ['', 'Test']
-        }
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.cta.disabled);
-});
-(0, _ava.default)('should disable the validate button when no answer has been selected by user on template question', t => {
-  const state = {
-    data,
-    ui: {
-      route: {
-        template: 'answer'
-      },
-      current: {
-        progressionId: 'template'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.cta.disabled);
-});
-(0, _ava.default)('should display context tab button if slide context is available', t => {
-  t.plan(10);
-  const state = {
-    data,
-    ui: {
-      route: {
-        context: 'answer'
-      },
-      current: {
-        progressionId: 'context'
-      }
-    }
-  };
-
-  const dispatch = action => {
-    t.deepEqual(action, {
-      type: _playerStore.UI_SELECT_ROUTE,
-      payload: 'context',
-      meta: {
-        progressionId: 'context'
-      }
-    });
-  };
-
-  const props = (0, _player.default)(options, {
-    dispatch: action => action(dispatch, () => state)
-  })(state);
-  t.is(typeof props.slideContext, 'object');
-  t.is(props.slideContext.title, 'Some context title');
-  t.is(typeof props.slideContext.description, 'string');
-  t.is(props.slideContext.description, _withContext.default.context.description);
-  t.is(props.buttons.length, 5);
-  t.is(props.buttons[0].title, '__Context');
-  t.is(props.buttons[0].type, 'context');
-  t.false(props.buttons[0].selected);
-  t.is(typeof props.buttons[0].onClick, 'function');
-  props.buttons[0].onClick();
-});
-(0, _ava.default)('should display "Back to question" for the cta in the tabs', t => {
-  const state = {
-    data,
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'media'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.is(props.cta.submitValue, '__Back to question');
-  state.ui.route.foo = 'clue';
-  t.is(typeof props.onClickSeeClue, 'function');
-  props.onClickSeeClue();
-  t.is(props.cta.submitValue, '__Back to question');
-});
-(0, _ava.default)('should display "Go to question" for the context tab cta', t => {
-  const state = {
-    data,
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'context'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.is(props.cta.submitValue, '__Go to question');
-});
-(0, _ava.default)('should display new media notification when user has not seen any media for the current slide', t => {
-  const progression = createProgression(_basic.default);
-  progression.state.viewedResources = [{
-    resources: ['1234']
-  }];
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: progression
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'answer'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.showNewMedia);
-});
-(0, _ava.default)('should display new media notification for the answer/undefined route when user has not seen any media', t => {
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: createProgression(_basic.default)
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {}
-    }
-  };
-  [undefined].forEach(route => {
-    const props = createPlayerProps((0, _set2.default)('ui.route.basic', route, state));
-    t.true((0, _isEmpty2.default)(props));
-  });
-  ['media', 'clue', 'context', 'answer'].forEach(route => {
-    const props = createPlayerProps((0, _set2.default)('ui.route.basic', route, state));
-    t.false((0, _isEmpty2.default)(props));
-  });
-});
-(0, _ava.default)('should not display new media notification for the other routes when user has not seen any media', t => {
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: createProgression(_basic.default)
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {}
-    }
-  };
-  ['media', 'clue'].forEach(route => {
-    const props = createPlayerProps((0, _set2.default)('ui.route.basic', route, state));
-    t.false(props.showNewMedia);
-  });
-});
-(0, _ava.default)('should not display new media notification when user has seen at least one media of the current slide', t => {
-  const progression = createProgression(_basic.default);
-  progression.state.viewedResources = [{
-    type: 'chapter',
-    ref: _basic.default.chapter_id,
-    resources: [_basic.default.lessons[0].ref]
-  }];
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: progression
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'answer'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.false(props.showNewMedia);
-});
-(0, _ava.default)('should display review lesson notification when user has seen at least one media of the current slide', t => {
-  const progression = createProgression(_basic.default);
-  progression.state.viewedResources = [{
-    type: 'chapter',
-    ref: _basic.default.chapter_id,
-    resources: [_basic.default.lessons[0].ref]
-  }];
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: progression
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'answer'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.true(props.showReviewLesson);
-});
-(0, _ava.default)('should not display review lesson notification when user has not seen any media for the current slide', t => {
-  const progression = createProgression(_basic.default);
-  progression.state.viewedResources = [{
-    type: 'chapter',
-    ref: _basic.default.chapter_id,
-    resources: []
-  }];
-  const state = {
-    data: {
-      contents: data.contents,
-      progressions: {
-        entities: {
-          basic: progression
-        }
-      }
-    },
-    ui: {
-      current: {
-        progressionId: 'basic'
-      },
-      route: {
-        basic: 'answer'
-      }
-    }
-  };
-  const props = createPlayerProps(state);
-  t.false(props.showReviewLesson);
-});
-(0, _ava.default)('should feed step prop in non-adaptive mode', t => {
-  const state = (0, _set2.default)('data.contents.level.entities.1.info.nbSlides', 12, _progressionLearner.default);
-  const props = createPlayerProps(state);
-  t.deepEqual(props.step, {
-    current: 0,
-    total: 12
-  });
-});
-(0, _ava.default)('should not feed step prop in adaptive mode', t => {
-  const state = (0, _pipe2.default)((0, _set2.default)('data.contents.level.entities.1.info.nbSlides', 12), (0, _set2.default)('data.contents.chapter.entities.chapter2.isConditional', true))(_progressionLearner.default);
-  const props = createPlayerProps(state);
-  t.falsy(props.step);
-});
-(0, _ava.default)('should not send an id prop in resources', t => {
-  const props = createPlayerProps(_progressionLearner.default);
-  t.is((0, _get2.default)('resources.0.id', props), undefined);
-});
-
-const createLearnerProgression = (slide, contentRef) => ({
-  engine: {
-    ref: 'learner',
-    version: '1'
-  },
-  content: {
-    ref: contentRef,
-    type: 'level'
-  },
-  state: {
-    nextContent: {
-      ref: slide._id,
-      type: 'slide'
-    },
-    lives: 1,
-    livesDisabled: false,
-    step: {
-      current: 1
-    },
-    viewedResources: []
-  }
-});
-
-const check = (slide, answer) => {
-  const progressionId = 'progression';
-  const levelId = 'level';
-  const chapterId = 'chapter';
-  return createPlayerProps({
-    data: {
-      contents: {
-        slide: {
-          entities: {
-            [slide._id]: _extends({}, slide, {
-              chapter_id: chapterId
-            })
-          }
-        },
-        level: {
-          entities: {
-            [levelId]: {
-              ref: levelId,
-              chapterIds: [chapterId],
-              isConditional: true
-            }
-          }
-        },
-        chapter: {
-          entities: {
-            [chapterId]: {
-              _id: chapterId,
-              isConditional: false
-            }
-          }
-        }
-      },
-      progressions: {
-        entities: {
-          [progressionId]: createLearnerProgression(slide, levelId)
-        }
-      }
-    },
-    ui: {
-      route: {
-        [progressionId]: 'answer'
-      },
-      current: {
-        progressionId
-      },
-      answers: {
-        [progressionId]: {
-          value: answer
-        }
-      }
-    }
-  }).cta.disabled;
-};
-
-(0, _ava.default)('should allow multi answers on adaptive level if the current chapter is not adaptive', t => {
-  t.true(check(_basic.default, []));
-  t.true(check(_qcm.default, []));
-  t.true(check(_qcmGraphic.default, []));
-  t.true(check(_qcmDrag.default, []));
-  t.true(check(_withContext.default, []));
-  t.true(check(_template.default, []));
-  t.false(check(_basic.default, ['foo']));
-  t.false(check(_qcm.default, ['foo']));
-  t.false(check(_qcmGraphic.default, ['foo']));
-  t.false(check(_qcmDrag.default, ['foo']));
-  t.false(check(_withContext.default, ['foo']));
-  t.false(check(_template.default, ['foo']));
-  t.false(check(_basic.default, ['foo', 'bar']));
-  t.false(check(_qcm.default, ['foo', 'bar']));
-  t.false(check(_qcmGraphic.default, ['foo', 'bar']));
-  t.false(check(_qcmDrag.default, ['foo', 'bar']));
-  t.false(check(_withContext.default, ['foo', 'bar']));
-  t.false(check(_template.default, ['foo', 'bar']));
-});
-//# sourceMappingURL=player.js.map