@coorpacademy/app-review 0.1.9 → 0.1.11

package/lib/helpers/test/fixtures/qcm-drag.js

@@ -0,0 +1,106 @@
+import noop from 'lodash/fp/noop';
+export var qcmDragSlide = {
+    id: 'sli_419IlQQnf',
+    universalRef: 'sli_419IlQQnf',
+    question: {
+        type: 'qcmDrag',
+        header: 'sli_419IlQQnf.header',
+        explanation: 'sli_419IlQQnf.explanation',
+        content: {
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212571',
+                    label: 'sli_419IlQQnf.choice_4kWwlQXhG',
+                    value: 'sli_419IlQQnf.choice_4kWwlQXhG',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212572',
+                    label: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+                    value: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212573',
+                    label: 'sli_419IlQQnf.choice_41fwgQXnf',
+                    value: 'sli_419IlQQnf.choice_41fwgQXnf',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212574',
+                    label: 'sli_419IlQQnf.choice_VJmweQ7nz',
+                    value: 'sli_419IlQQnf.choice_VJmweQ7nz',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212575',
+                    label: 'sli_419IlQQnf.choice_4kDDgXQhz',
+                    value: 'sli_419IlQQnf.choice_4kDDgXQhz',
+                    items: []
+                }
+            ]
+        }
+    },
+    klf: 'sli_419IlQQnf.klf',
+    tips: 'sli_419IlQQnf.tips'
+};
+export var qcmDragUISlide = {
+    type: 'qcmDrag',
+    answers: [
+        {
+            title: 'sli_419IlQQnf.choice_4kWwlQXhG',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_41fwgQXnf',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_VJmweQ7nz',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_4kDDgXQhz',
+            selected: false,
+            order: -1,
+            onClick: noop
+        }
+    ]
+};

package/lib/helpers/test/fixtures/qcm-graphic.d.ts

@@ -0,0 +1,4 @@
+import { QcmGraphic } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const qcmGraphicSlide: SlideFromAPI;
+export declare const qcmGraphicUISlide: QcmGraphic;

package/lib/helpers/test/fixtures/qcm-graphic.js

@@ -0,0 +1,70 @@
+import noop from 'lodash/fp/noop';
+export var qcmGraphicSlide = {
+    id: 'sli_41~RSVclH',
+    universalRef: 'sli_41~RSVclH',
+    question: {
+        type: 'qcmGraphic',
+        header: 'sli_41~RSVclH.header',
+        explanation: 'sli_41~RSVclH.explanation',
+        content: {
+            choices: [
+                {
+                    media: {
+                        type: 'img',
+                        src: [
+                            {
+                                _id: '5fdce726359bf4003ee66997',
+                                mimeType: 'image/png',
+                                url: 'med_4JVRrE5gH.mediaUrl_VkBtUV9gB'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66996',
+                    label: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+                    value: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+                    items: []
+                },
+                {
+                    media: {
+                        type: 'img',
+                        src: [
+                            {
+                                _id: '5fdce726359bf4003ee66999',
+                                mimeType: 'image/png',
+                                url: 'med_Ek8gIEqxB.mediaUrl_EkcFUEclH'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66998',
+                    label: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+                    value: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+                    items: []
+                }
+            ]
+        }
+    },
+    clue: 'sli_41~RSVclH.clue',
+    klf: 'sli_41~RSVclH.klf',
+    tips: 'sli_41~RSVclH.tips'
+};
+export var qcmGraphicUISlide = {
+    type: 'qcmGraphic',
+    answers: [
+        {
+            title: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+            image: 'med_4JVRrE5gH.mediaUrl_VkBtUV9gB',
+            selected: false,
+            onClick: noop
+        },
+        {
+            title: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+            image: 'med_Ek8gIEqxB.mediaUrl_EkcFUEclH',
+            selected: false,
+            onClick: noop
+        }
+    ]
+};

package/lib/helpers/test/fixtures/qcm.d.ts

@@ -0,0 +1,4 @@
+import { Qcm } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const qcmSlide: SlideFromAPI;
+export declare const qcmUISlide: Qcm;

package/lib/helpers/test/fixtures/qcm.js

@@ -0,0 +1,99 @@
+import noop from 'lodash/fp/noop';
+export var qcmSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e759',
+                    label: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
+                    value: 'sli_N1XACJobn.choice_4JjaSesZh',
+                    id: '62c853412d0f9b088718e759'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75a',
+                    label: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
+                    value: 'sli_N1XACJobn.choice_Ny78UlsWh',
+                    id: '62c853412d0f9b088718e75a'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75b',
+                    label: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
+                    value: 'sli_N1XACJobn.choice_Eypt8esW2',
+                    id: '62c853412d0f9b088718e75b'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75c',
+                    label: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
+                    value: 'sli_N1XACJobn.choice_VyS3LxjZh',
+                    id: '62c853412d0f9b088718e75c'
+                }
+            ]
+        },
+        type: 'qcm',
+        header: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?",
+        explanation: 'Sélectionnez la bonne réponse.'
+    },
+    klf: 'Si vous êtes le créateur d’un NFT, vous pouvez choisir le pourcentage de commission pour chaque transaction de votre NFT.  Certains choisissent de ne rien toucher pour fluidifier le marché.',
+    tips: 'En 2021, le média en ligne Numerama a créé un NFT vendu aux enchères sur OpenSea. Sur cette plateforme, il est obligatoire de mettre un prix de réserve, autrement dit un prix minimum au-dessous duquel la vente ne sera pas automatiquement acceptée. Sur OpenSea il ne peut être inférieur à 1 ETH. Si le prix de réserve est atteint, pas de problème, les "gas fees" (les frais de gaz) sont couverts par OpenSea. Mais, si ce n’est pas le cas, c’est au vendeur de s’en acquitter. <br/>Le NFT en question est parti à 0,021 ETH, soit 40€ au cours de l\'époque, un prix inférieur au prix de réserve. Numerama a dû acquitter des frais de gaz, et payer 190 €. <br/>Avec les NFT, on ne gagne pas à tous les coups.',
+    universalRef: 'sli_N1XACJobn',
+    hasClue: true,
+    id: 'sli_N1XACJobn'
+};
+export var qcmUISlide = {
+    type: 'qcm',
+    answers: [
+        {
+            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'
+        },
+        {
+            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: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+        },
+        {
+            title: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
+            selected: false,
+            onClick: noop,
+            ariaLabel: "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"
+        }
+    ]
+};

package/lib/helpers/test/fixtures/select-template.d.ts

@@ -0,0 +1,4 @@
+import { Template } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const selectTemplateSlide: SlideFromAPI;
+export declare const selectTemplateUISlide: Template;

package/lib/helpers/test/fixtures/select-template.js

@@ -0,0 +1,88 @@
+import noop from 'lodash/fp/noop';
+export var selectTemplateSlide = {
+    id: 'sli_410xZQxrZ',
+    universalRef: 'sli_410xZQxrZ',
+    question: {
+        type: 'template',
+        header: 'sli_410xZQxrZ.header',
+        explanation: 'sli_410xZQxrZ.explanation',
+        content: {
+            template: 'sli_410xZQxrZ.template',
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66967',
+                    type: 'select',
+                    name: 'sel36665',
+                    items: [
+                        {
+                            _id: '5fdce726359bf4003ee66968',
+                            text: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                            value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee66969',
+                            text: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                            value: 'sli_410xZQxrZ.choice_VJWCN~mgB~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696a',
+                            text: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                            value: 'sli_410xZQxrZ.choice_VkaH~XgBb'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696b',
+                            text: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                            value: 'sli_410xZQxrZ.choice_E1uUWXeBb'
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    clue: 'sli_410xZQxrZ.clue',
+    klf: 'sli_410xZQxrZ.klf',
+    tips: 'sli_410xZQxrZ.tips'
+};
+export var selectTemplateUISlide = {
+    type: 'template',
+    template: 'sli_410xZQxrZ.template',
+    answers: [
+        {
+            type: 'select',
+            name: 'sel36665',
+            onChange: noop,
+            options: [
+                { name: 'Select an answer', value: '', validOption: false, selected: true },
+                {
+                    name: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    value: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    value: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    value: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    validOption: true,
+                    selected: false
+                }
+            ]
+        }
+    ]
+};

package/lib/helpers/test/fixtures/slider.d.ts

@@ -0,0 +1,4 @@
+import { QuestionRange } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const sliderSlide: SlideFromAPI;
+export declare const sliderUISlide: QuestionRange;

package/lib/helpers/test/fixtures/slider.js

@@ -0,0 +1,27 @@
+import noop from 'lodash/fp/noop';
+export var sliderSlide = {
+    id: 'sli_41D5AovN~',
+    universalRef: 'sli_41D5AovN~',
+    question: {
+        type: 'slider',
+        header: 'sli_41D5AovN~.header',
+        explanation: 'sli_41D5AovN~.explanation',
+        content: {
+            min: 1,
+            max: 10,
+            unitLabel: 'sli_41D5AovN~.unitLabel'
+        }
+    },
+    clue: 'sli_41D5AovN~.clue',
+    klf: 'sli_41D5AovN~.klf',
+    tips: 'sli_41D5AovN~.tips'
+};
+export var sliderUISlide = {
+    type: 'slider',
+    placeholder: 'sli_41D5AovN~.explanation',
+    minLabel: '1 undefined',
+    maxLabel: '10 undefined',
+    title: '0 sli_41D5AovN~.unitLabel',
+    value: -0.1111111111111111,
+    onChange: noop
+};

package/lib/helpers/test/fixtures/text-template.d.ts

@@ -0,0 +1,4 @@
+import { Template } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const textTemplateSlide: SlideFromAPI;
+export declare const textTemplateUISlide: Template;

package/lib/helpers/test/fixtures/text-template.js

@@ -0,0 +1,48 @@
+import noop from 'lodash/fp/noop';
+export var textTemplateSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            template: 'Un   {{inp58402}}   model.',
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62433c2c58920f02c4950de0',
+                    type: 'text',
+                    name: 'inp58402',
+                    id: '62433c2c58920f02c4950de0'
+                }
+            ]
+        },
+        type: 'template',
+        header: 'Comment le protégé doit-il percevoir son mentor ?',
+        explanation: 'Saisissez votre réponse (en anglais).'
+    },
+    klf: "Le mentoré voit dans son mentor un <i>role model</i>, c'est-à-dire un exemple inspirant qui lui permet de se projeter dans un poste à responsabilité.",
+    tips: "L'origine de l'expression <i>role model</i> est attribué au sociologue Robert K. Merton.",
+    universalRef: 'sli_VJKQonm2g',
+    hasClue: true,
+    id: 'sli_VJKQonm2g'
+};
+export var textTemplateUISlide = {
+    type: 'template',
+    template: 'Un   {{inp58402}}   model.',
+    answers: [
+        {
+            type: 'text',
+            name: 'inp58402',
+            placeholder: 'Type here',
+            value: undefined,
+            onChange: noop
+        }
+    ]
+};

package/lib/helpers/test/map-api-slide-to-ui.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/helpers/test/map-api-slide-to-ui.test.js

@@ -0,0 +1,43 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import test from 'ava';
+import { mapApiSlideToUi } from '../map-api-slide-to-ui';
+import { qcmUISlide, qcmSlide } from './fixtures/qcm';
+import { qcmDragUISlide, qcmDragSlide } from './fixtures/qcm-drag';
+import { freeTextSlide, freeTextUISlide } from './fixtures/free-text';
+import { qcmGraphicUISlide, qcmGraphicSlide } from './fixtures/qcm-graphic';
+import { textTemplateSlide, textTemplateUISlide } from './fixtures/text-template';
+import { selectTemplateSlide, selectTemplateUISlide } from './fixtures/select-template';
+import { sliderSlide, sliderUISlide } from './fixtures/slider';
+var _mapApiSlideToUi = mapApiSlideToUi({ translate: function (text) { return text; } });
+var macro = test.macro({
+    title: function (providedTitle) {
+        return "should handle ".concat(providedTitle, " conversion").trim();
+    },
+    exec: function (t, arg) {
+        t.deepEqual(JSON.parse(JSON.stringify(_mapApiSlideToUi(arg.slide))), JSON.parse(JSON.stringify(arg.expectedUiSlide)));
+    }
+});
+test('qcm', macro, { slide: qcmSlide, expectedUiSlide: qcmUISlide });
+test('qcm drag', macro, { slide: qcmDragSlide, expectedUiSlide: qcmDragUISlide });
+test('qcm graphic', macro, { slide: qcmGraphicSlide, expectedUiSlide: qcmGraphicUISlide });
+test('text template', macro, { slide: textTemplateSlide, expectedUiSlide: textTemplateUISlide });
+test('select template', macro, {
+    slide: selectTemplateSlide,
+    expectedUiSlide: selectTemplateUISlide
+});
+test('free text', macro, { slide: freeTextSlide, expectedUiSlide: freeTextUISlide });
+test('slider', macro, { slide: sliderSlide, expectedUiSlide: sliderUISlide });
+test('should throw an error if the question type can not be handled', function (t) {
+    var faultySlide = __assign(__assign({}, qcmSlide), { question: { type: 'lol' } });
+    t.throws(function () { return _mapApiSlideToUi(faultySlide); });
+});

package/lib/index.js

@@ -2,6 +2,8 @@ import React, { useEffect, useState } from 'react';
 import { connect, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import { TemplateContext } from '@coorpacademy/components/es/template/app-review/template-context';
+import isEmpty from 'lodash/fp/isEmpty';
+import get from 'lodash/fp/get';
 import configureStore from './configure-store';
 import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
 import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
@@ -90,6 +92,7 @@ var App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
+    var _c = useState(false), isSlideFetched = _c[0], setIsSlideFetched = _c[1];
     useEffect(function () {
         if (store)
             return;
@@ -97,28 +100,45 @@ var AppReview = function (_a) {
         setStore(newStore);
     }, [options, store]);
     useEffect(function () {
-        if (store === null)
+        if (!store || isSlideFetched)
             return;
-        var skillRef = options.skillRef;
-        var initialView = skillRef ? VIEWS.slides : VIEWS.skills;
-        store.dispatch(navigateTo(initialView));
-    }, [options, store]);
+        return store.subscribe(function () {
+            var isSlidePresent = !isEmpty(store.getState().data.slides[0].questionText);
+            return isSlidePresent && setIsSlideFetched(isSlidePresent);
+        }); // using the first slide questionText for now, should only check for a slide's presence
+        // when the refactor is done (slides will be feed one by one on api's side)
+    }, [isSlideFetched, options, store]);
     useEffect(function () {
-        if (store === null)
+        var token = get('token', options);
+        if (store === null || isEmpty(token))
             return;
-        var token = options.token;
         store.dispatch(storeToken(token));
     }, [options, store]);
     useEffect(function () {
-        if (store === null)
+        var token = get('token', options);
+        if (store === null || isEmpty(token))
             return;
-        var skillRef = options.skillRef, token = options.token;
+        var skillRef = get('skillRef', options);
         // ThunkAction is not assignable to parameter of type 'AnyAction'
         // ts problem describre here = https://github.com/reduxjs/redux-thunk/issues/333
         skillRef
             ? store.dispatch(postProgression(skillRef, token))
             : store.dispatch(fetchSkills(token));
     }, [options, store]);
+    useEffect(function () {
+        if (store === null)
+            return;
+        var skillRef = options.skillRef;
+        if (skillRef && !isSlideFetched) {
+            store.dispatch(navigateTo('loader')); // use loader while posting progression
+            return;
+        }
+        // TODO: when slides state is refactored (data + mapping),
+        // use loader in case a skillRef is found && no slides from the API
+        // are found
+        var initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        store.dispatch(navigateTo(initialView));
+    }, [isSlideFetched, options, store]);
     if (!store)
         return null;
     var values = options.templateContext;

package/lib/reducers/ui/navigation.d.ts

@@ -1,4 +1,4 @@
 import { type NavigateTo, type NavigateBack } from '../../actions/ui/navigation';
-export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides'>;
+export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides' | 'loader'>;
 declare const reducer: (state: NavigationState | undefined, action: NavigateTo | NavigateBack) => NavigationState;
 export default reducer;

package/lib/test/index.test.js

@@ -138,29 +138,32 @@ var appOptions = {
     skillRef: 'skill_NJC0jFKoH',
     services: services
 };
-test('should validate all the slides (all correct scenario)', function (t) { return __awaiter(void 0, void 0, void 0, function () {
-    var container, wrapper;
+test('should show the loader while the app is fetching the data', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var container, loader;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                // t.plan(13);
                 t.plan(2);
-                container = render(React.createElement(AppReview, { options: appOptions, key: 0 })).container;
+                container = render(React.createElement(AppReview, { options: appOptions })).container;
                 return [4 /*yield*/, waitForChanges(1000)];
             case 1:
                 _a.sent();
-                wrapper = container.querySelector('[data-name="loader"]');
-                t.truthy(wrapper);
-                /*
-                const wrapper = container.querySelector('[data-name="slides-revision-container"]');
-                t.truthy(wrapper);
-              
-                const stackedSlidesContainer = wrapper?.querySelector('[data-name="stacked-slides-container"]');
-              
-                t.truthy(stackedSlidesContainer);
-              
-                await clickAllSlides(t, container);
-                */
+                loader = container.querySelector('[data-name="loader"]');
+                t.truthy(loader);
+                // await waitFor(async () => {
+                //   // await sleep(500);
+                //   const result = await t.try(tt => {
+                //     // rerender(<AppReview options={appOptions} />);
+                //     const slidesContainer = container.querySelector('[data-name="slides-revision-container"]');
+                //     tt.truthy(slidesContainer);
+                //   });
+                //   if (result.passed) return result.commit();
+                //   result.discard();
+                //   throw result.errors;
+                // });
+                // const stackedSlidesContainer = container.querySelector('[data-name="stacked-slides-container"]');
+                // t.truthy(stackedSlidesContainer);
+                // await clickAllSlides(t, container);
                 t.pass();
                 return [2 /*return*/];
         }