@coorpacademy/app-review 0.1.16 → 0.1.18

package/es/common/index.js

@@ -1,10 +1,6 @@
-import _toString from 'lodash/fp/toString';
-export const TOTAL_SLIDES_STACK = 5;
-export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
 export const VIEWS = {
     skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };
 export const slideIndexes = ['0', '1', '2', '3', '4'];
-export const indexToString = (index) => _toString(index);

package/es/index.js

@@ -51,9 +51,7 @@ const AppReview = ({ options }) => {
         const skillRef = get('skillRef', options);
         /* ThunkAction is not assignable to parameter of type 'AnyAction'
           ts problem is described here = https://github.com/reduxjs/redux-thunk/issues/333 */
-        skillRef
-            ? store.dispatch(postProgression(skillRef, token))
-            : store.dispatch(fetchSkills(token));
+        skillRef ? store.dispatch(postProgression(skillRef)) : store.dispatch(fetchSkills);
     }, [options, store]);
     useEffect(() => {
         if (store === null)

package/es/reducers/data/index.d.ts

@@ -14,5 +14,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     skills: SkillsState;
     slides: SlidesState;
     token: TokenState;
-}>, import("../../actions/api/post-progression").ReceiveProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/es/reducers/data/progression.d.ts

@@ -1,6 +1,6 @@
-import { ValidateSlide } from '../../actions/ui/slides';
-import { ReceiveProgression } from '../../actions/api/post-progression';
+import { PostAnswerSuccessAction } from '../../actions/api/post-answer';
+import { ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction) => ProgressionState;
 export default reducer;

package/es/reducers/data/progression.js

@@ -1,13 +1,10 @@
-import { VALIDATE_SLIDE } from '../../actions/ui/slides';
+import { POST_ANSWER_SUCCESS } from '../../actions/api/post-answer';
 import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = null, action) => {
     switch (action.type) {
-        case VALIDATE_SLIDE: {
-            // TODO: fix on VALIDATE ticket -> launch a POST PROGRESSION
-            return state;
-        }
+        case POST_ANSWER_SUCCESS:
         case POST_PROGRESSION_SUCCESS: {
             const progression = action.payload;
             return progression;

package/es/reducers/data/slides.d.ts

@@ -1,8 +1,7 @@
-import { ValidateSlide } from '../../actions/ui/slides';
 import { ReceivedSlide, FetchSlide } from '../../actions/api/fetch-slide';
 import { SlideFromAPI } from '../../types/common';
-export declare type SlidesAction = FetchSlide | ReceivedSlide | ValidateSlide;
-export declare type SlidesState = Record<string, SlideFromAPI>;
+export declare type SlidesAction = FetchSlide | ReceivedSlide;
+export declare type SlidesState = Record<string, SlideFromAPI | null>;
 export declare const initialState: SlidesState;
 declare const reducer: (state: SlidesState | undefined, action: SlidesAction) => SlidesState;
 export default reducer;

package/es/reducers/data/test/progression.test.js

@@ -1,38 +1,23 @@
 import test from 'ava';
 import reducer from '../progression';
 import { POST_PROGRESSION_SUCCESS } from '../../../actions/api/post-progression';
-test('should have inital value', t => {
+import { POST_ANSWER_SUCCESS } from '../../../actions/api/post-answer';
+import { postAnswerResponse, postProgressionResponse } from '../../../test/util/services.mock';
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.is(state, null);
 });
 test('should set the value of POST_PROGRESSION_SUCCESS action', t => {
-    const progression = {
-        _id: '62b1d1087aa12f00253f40ee',
-        content: {
-            ref: '_skill-ref',
-            type: 'skill'
-        },
-        engine: {
-            ref: 'review'
-        },
-        state: {
-            allAnswers: [],
-            isCorrect: true,
-            nextContent: {
-                ref: 'sli_N1XACJobn',
-                type: 'slide'
-            },
-            pendingSlides: [],
-            slides: [],
-            step: {
-                current: 1
-            },
-            stars: 0
-        }
-    };
     const state = reducer(null, {
         type: POST_PROGRESSION_SUCCESS,
-        payload: progression
+        payload: postProgressionResponse
     });
-    t.deepEqual(state, progression);
+    t.deepEqual(state, postProgressionResponse);
+});
+test('should set the value of POST_ANSWER_SUCCESS action', t => {
+    const state = reducer(null, {
+        type: POST_ANSWER_SUCCESS,
+        payload: postAnswerResponse
+    });
+    t.deepEqual(state, postAnswerResponse);
 });

package/es/reducers/index.d.ts

@@ -15,6 +15,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         currentSlideRef: string;
         navigation: import("./ui/navigation").NavigationState;
         answers: import("./ui/answers").AnswerState;
+        slide: import("./ui/slide").UISlideState;
     }>;
-}>, import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/post-progression").ReceiveProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditBasicAction>;
+}>, import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/es/reducers/ui/answers.d.ts

@@ -1,4 +1,4 @@
-import { EditBasicAction } from '../../actions/ui/answers';
+import { EditAnswerAction } from '../../actions/ui/answers';
 export declare type AnswerState = string[];
-declare const reducer: (state: AnswerState | undefined, action: EditBasicAction) => AnswerState;
+declare const reducer: (state: AnswerState | undefined, action: EditAnswerAction) => AnswerState;
 export default reducer;

package/es/reducers/ui/answers.js

@@ -1,13 +1,9 @@
-import { EDIT_BASIC } from '../../actions/ui/answers';
+import { includes, values } from 'lodash/fp';
+import { ANSWER_EDIT } from '../../actions/ui/answers';
+const ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = [], action) => {
-    switch (action.type) {
-        case EDIT_BASIC: {
-            return action.payload;
-        }
-        default:
-            return state;
-    }
+    return includes(action.type, ANSWER_EDIT_ACTIONS) ? action.payload : state;
 };
 export default reducer;

package/es/reducers/ui/index.d.ts

@@ -1,14 +1,17 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
 import { AnswerState } from './answers';
+import { UISlideState } from './slide';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: AnswerState;
+    slide: UISlideState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
     navigation: NavigationState;
     answers: AnswerState;
-}>, import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditBasicAction>;
+    slide: UISlideState;
+}>, import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/es/reducers/ui/index.js

@@ -2,8 +2,10 @@ import { combineReducers } from 'redux';
 import currentSlideRef from './current-slide-ref';
 import navigation from './navigation';
 import answers from './answers';
+import slide from './slide';
 export default combineReducers({
     currentSlideRef,
     navigation,
-    answers
+    answers,
+    slide
 });

package/es/reducers/ui/slide.d.ts

@@ -0,0 +1,8 @@
+import { EditAnswerAction } from '../../actions/ui/answers';
+import { PostAnswerRequestAction } from '../../actions/api/post-answer';
+export declare type UISlideState = {
+    validateButton: boolean;
+};
+export declare const initialState: UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction) => UISlideState;
+export default reducer;

package/es/reducers/ui/slide.js

@@ -0,0 +1,26 @@
+import compact from 'lodash/fp/compact';
+import isEmpty from 'lodash/fp/isEmpty';
+import pipe from 'lodash/fp/pipe';
+import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
+import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
+export const initialState = { validateButton: false };
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case EDIT_QCM:
+        case EDIT_QCM_GRAPHIC:
+        case EDIT_QCM_DRAG:
+        case EDIT_TEMPLATE:
+        case EDIT_BASIC:
+        case EDIT_SLIDER: {
+            return pipe(compact, isEmpty)(action.payload) ? initialState : { validateButton: true };
+        }
+        case POST_ANSWER_REQUEST: {
+            return initialState;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/ui/test/answers.test.js

@@ -1,11 +1,31 @@
 import test from 'ava';
 import reducer from '../answers';
-import { EDIT_BASIC } from '../../../actions/ui/answers';
-test('should have inital value', t => {
+import { ANSWER_EDIT } from '../../../actions/ui/answers';
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.deepEqual(state, []);
 });
 test('should set the value of EDIT_BASIC action', t => {
-    const state = reducer([], { type: EDIT_BASIC, payload: ['value'] });
+    const state = reducer([], { type: ANSWER_EDIT.basic, payload: ['value'] });
     t.deepEqual(state, ['value']);
 });
+test('should set the value of EDIT_QCM action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcm, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});
+test('should set the value of EDIT_QCM_GRAPHIC action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcmGraphic, payload: ['True', 'False'] });
+    t.deepEqual(state, ['True', 'False']);
+});
+test('should set the value of EDIT_QCM_DRAG action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcmDrag, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});
+test('should set the value of EDIT_SLIDER action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.slider, payload: ['5'] });
+    t.deepEqual(state, ['5']);
+});
+test('should set the value of EDIT_TEMPLATE action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.template, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});

package/es/reducers/ui/test/current-slide-ref.test.js

@@ -2,7 +2,7 @@ import test from 'ava';
 import reducer from '../current-slide-ref';
 import { SET_CURRENT_SLIDE } from '../../../actions/ui/slides';
 import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
-test('should have inital value', t => {
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.is(state, '');
 });

package/es/reducers/ui/test/navigation.test.js

@@ -1,15 +1,15 @@
 import test from 'ava';
 import reducer from '../navigation';
-import { NAVIGATE_TO, NAVIGATE_BACK } from '../../../actions/ui/navigation';
-test('should have inital value', t => {
+import { navigateBack, navigateTo } from '../../../actions/ui/navigation';
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.deepEqual(state, []);
 });
 test('should set the value of NAVIGATE_TO and NAVIGATE_BACK action', t => {
-    const state = reducer([], { type: NAVIGATE_TO, payload: 'loader' });
+    const state = reducer([], navigateTo('loader'));
     t.deepEqual(state, ['loader']);
-    const updatedState = reducer(state, { type: NAVIGATE_TO, payload: 'skills' });
+    const updatedState = reducer(state, navigateTo('skills'));
     t.deepEqual(updatedState, ['loader', 'skills']);
-    const _updatedState = reducer(updatedState, { type: NAVIGATE_BACK });
+    const _updatedState = reducer(updatedState, navigateBack());
     t.deepEqual(_updatedState, ['loader']);
 });

package/es/reducers/ui/test/slide.test.d.ts

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

package/es/reducers/ui/test/slide.test.js

@@ -0,0 +1,12 @@
+import test from 'ava';
+import reducer, { initialState } from '../slide';
+import { EDIT_BASIC } from '../../../actions/ui/answers';
+test('should use initial state if no answers are found when an EditAnswerAction is received', t => {
+    const state = reducer(undefined, { type: EDIT_BASIC, payload: [''] });
+    t.truthy(state);
+    t.false(state.validateButton);
+});
+test('should return state directly when there is no corresponding action handler + have an initial state', t => {
+    const state = reducer(undefined, { type: 'NOPE' });
+    t.deepEqual(state, initialState);
+});

package/es/test/util/services.mock.d.ts

@@ -1,2 +1,4 @@
-import { Services } from '../../types/common';
+import { ProgressionFromAPI, Services } from '../../types/common';
+export declare const postProgressionResponse: ProgressionFromAPI;
+export declare const postAnswerResponse: ProgressionFromAPI;
 export declare const services: Services;

package/es/test/util/services.mock.js

@@ -1,80 +1,97 @@
+import { qcmSlide } from '../../views/slides/test/fixtures/qcm';
+import { qcmGraphicSlide } from '../../views/slides/test/fixtures/qcm-graphic';
 import { freeTextSlide } from '../../views/slides/test/fixtures/free-text';
-export const services = {
-    fetchSkills: () => {
-        return Promise.resolve([
-            {
-                skillRef: '_skill-ref',
-                slidesToReview: 2,
-                name: 'skill-test',
-                custom: false
-            },
-            {
-                skillRef: '_skill-ref-2',
-                slidesToReview: 2,
-                name: 'skill-test-2',
-                custom: true
-            }
-        ]);
+import { sliderSlide } from '../../views/slides/test/fixtures/slider';
+import { templateSlide } from '../../views/slides/test/fixtures/template';
+const getSlideFixture = (ref) => {
+    switch (ref) {
+        case qcmSlide.universalRef:
+            return qcmSlide;
+        case qcmGraphicSlide.universalRef:
+            return qcmGraphicSlide;
+        case freeTextSlide.universalRef:
+            return freeTextSlide;
+        case templateSlide.universalRef:
+            return templateSlide;
+        default:
+            return sliderSlide;
+    }
+};
+const fetchSkillsResponse = [
+    {
+        skillRef: '_skill-ref',
+        slidesToReview: 2,
+        name: 'skill-test',
+        custom: false
     },
-    fetchSlide: ref => {
-        return Promise.resolve({ ...freeTextSlide, universalRef: ref, id: ref });
+    {
+        skillRef: '_skill-ref-2',
+        slidesToReview: 2,
+        name: 'skill-test-2',
+        custom: true
+    }
+];
+export const postProgressionResponse = {
+    _id: '62b1d1087aa12f00253f40ee',
+    content: {
+        ref: '_skill-ref',
+        type: 'skill'
     },
-    postProgression: () => {
-        return Promise.resolve({
-            _id: '62b1d1087aa12f00253f40ee',
-            content: {
-                ref: '_skill-ref',
-                type: 'skill'
-            },
-            engine: {
-                ref: 'review'
-            },
-            state: {
-                allAnswers: [],
-                isCorrect: true,
-                nextContent: {
-                    ref: 'sli_N1XACJobn',
-                    type: 'slide'
-                },
-                pendingSlides: [],
-                slides: [],
-                step: {
-                    current: 1
-                },
-                stars: 0
-            }
-        });
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: 'sli_VJYjJnJhg',
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+export const postAnswerResponse = {
+    _id: '62b1d1087aa12f00253f40ee',
+    content: {
+        ref: '_skill-ref',
+        type: 'skill'
     },
-    postAnswer: () => {
-        return Promise.resolve({
-            _id: '62b1d1087aa12f00253f40ee',
-            content: {
-                ref: '_skill-ref',
-                type: 'skill'
-            },
-            engine: {
-                ref: 'review'
-            },
-            state: {
-                allAnswers: [
-                    {
-                        slideRef: 'sli_N1XACJobn',
-                        isCorrect: true,
-                        answer: ['Le créateur peut fixer un pourcentage pour chaque transaction future']
-                    }
-                ],
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [
+            {
+                slideRef: 'sli_VJYjJnJhg',
                 isCorrect: true,
-                nextContent: {
-                    ref: 'sli_VkSQroQnx',
-                    type: 'slide'
-                },
-                pendingSlides: [],
-                slides: ['sli_N1XACJobn'],
-                step: {
-                    current: 2
-                },
-                stars: 4
+                answer: ['Benchmark']
             }
-        });
+        ],
+        isCorrect: true,
+        nextContent: {
+            ref: 'sli_VkSQroQnx',
+            type: 'slide'
+        },
+        content: {
+            ref: 'sli_VJYjJnJhg',
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: ['sli_VJYjJnJhg'],
+        step: {
+            current: 2
+        },
+        stars: 4
     }
 };
+export const services = {
+    fetchSkills: () => Promise.resolve(fetchSkillsResponse),
+    fetchSlide: ref => Promise.resolve({ ...getSlideFixture(ref), universalRef: ref, id: ref }),
+    postProgression: () => Promise.resolve(postProgressionResponse),
+    postAnswer: () => Promise.resolve(postAnswerResponse)
+};

package/es/types/common.d.ts

@@ -1,5 +1,3 @@
-import { SlideIndexes } from '../common';
-import { AnswerUI } from './slides';
 declare type TemplateContextValues = {
     brandTheme?: unknown;
     theme?: unknown;
@@ -142,29 +140,6 @@ export declare type JWT = {
     usage: string;
     host: string;
 };
-declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type NextUISlide = {
-    questionText?: string;
-    answerUI?: AnswerUI;
-    hidden?: boolean;
-    position?: number;
-    animationType?: SlideUIAnimations;
-    isCorrect?: boolean;
-    endReview?: boolean;
-};
-export declare type UISlide = {
-    questionText?: string;
-    answerUI?: AnswerUI;
-    hidden?: boolean;
-    position: number;
-    animationType?: SlideUIAnimations;
-    isCorrect?: boolean;
-    endReview?: boolean;
-    nextContent?: NextUISlide;
-};
-export declare type FinishedSlides = {
-    [key in SlideIndexes]?: true;
-};
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };

package/es/views/skills/index.d.ts

@@ -23,4 +23,4 @@ declare type SkillsProps = NoSkillsProps & {
     listSkills: SkillCard[];
 };
 export { SkillsProps };
-export declare const mapStateToSkillsProps: (state: StoreState) => SkillsProps | null;
+export declare const mapStateToSkillsProps: (state: StoreState) => SkillsProps;

package/es/views/skills/index.js

@@ -1,7 +1,4 @@
 export const mapStateToSkillsProps = (state) => {
-    if (!state.data.skills) {
-        return null;
-    }
     return {
         title: '@todo title',
         titleNoSkills: '@todo titleNoSkills',

package/es/views/skills/test/skills.test.d.ts

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

package/es/views/skills/test/skills.test.js

@@ -0,0 +1,94 @@
+import test from 'ava';
+import map from 'lodash/fp/map';
+import omit from 'lodash/fp/omit';
+import { mapStateToSkillsProps } from '..';
+test('should create initial props when there are no skills on the state', t => {
+    const state = {
+        data: {
+            progression: null,
+            skills: [],
+            slides: {},
+            token: '1234'
+        },
+        ui: {
+            currentSlideRef: '',
+            navigation: ['loader', 'skills'],
+            answers: [],
+            slide: {
+                validateButton: false
+            }
+        }
+    };
+    const props = mapStateToSkillsProps(state);
+    t.deepEqual(props, {
+        title: '@todo title',
+        titleNoSkills: '@todo titleNoSkills',
+        textNoSkills: '@todo textNoSkills',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
+        isLoading: false,
+        isLoadingAriaLabel: '@todo loading',
+        listSkills: []
+    });
+});
+test('should create initial props when skills on the state', t => {
+    const state = {
+        data: {
+            progression: null,
+            skills: [
+                {
+                    skillRef: '_skill-ref',
+                    slidesToReview: 2,
+                    name: 'skill-test',
+                    custom: false
+                },
+                {
+                    skillRef: '_skill-ref-2',
+                    slidesToReview: 5,
+                    name: 'skill-test-2',
+                    custom: true
+                }
+            ],
+            slides: {},
+            token: '1234'
+        },
+        ui: {
+            currentSlideRef: '',
+            navigation: ['loader', 'skills'],
+            answers: [],
+            slide: {
+                validateButton: false
+            }
+        }
+    };
+    const props = mapStateToSkillsProps(state);
+    t.deepEqual(omit('listSkills', props), {
+        title: '@todo title',
+        titleNoSkills: '@todo titleNoSkills',
+        textNoSkills: '@todo textNoSkills',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
+        isLoading: false,
+        isLoadingAriaLabel: '@todo loading'
+    });
+    t.deepEqual(map(omit('onClick'), props.listSkills), [
+        {
+            'aria-label': '',
+            isCustom: false,
+            skillTitle: 'skill-test',
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label'
+        },
+        {
+            'aria-label': '',
+            isCustom: true,
+            skillTitle: 'skill-test-2',
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label'
+        }
+    ]);
+});