@windward/games 0.0.1 → 0.0.3

package/i18n/en-US/components/settings/index.ts

@@ -3,11 +3,17 @@ import flashcard from './flashcard'
 import matching_game from './matching_game'
 import quizshow_game from './quizshow_game'
 import slideshow from './slideshow'
+import multiple_choice from './multiple_choice'
+import sorting_game from './sorting_game'
+import word_jumble from './word_jumble'
 
 export default {
     bucket_game,
     flashcard,
     matching_game,
     quizshow_game,
+    word_jumble,
     slideshow,
+    multiple_choice,
+    sorting_game,
 }

package/i18n/en-US/components/settings/multiple_choice.ts

@@ -0,0 +1,16 @@
+export default {
+    game_title: 'Multiple Choice Game',
+    title_placeholder: 'Title',
+    instructions: 'Instructions',
+    questions: 'Questions',
+    modal_title: 'Multiple Choice Question',
+    question_hint: 'Question Hint',
+    answer_description: 'Answer Description',
+    question: 'Question',
+    answer_options: 'Answer Options',
+    answer_option: 'Answer Option',
+    correct: 'Correct',
+    correct_answer: 'Click an answer to set it as the correct answer',
+    add_answer: 'Add Answer',
+    add_question: 'Add Question',
+}

package/i18n/en-US/components/settings/sorting_game.ts

@@ -0,0 +1,3 @@
+export default {
+    sortable_items: 'Sortable Items',
+}

package/i18n/en-US/components/settings/word_jumble.ts

@@ -0,0 +1,11 @@
+export default {
+    word_jumble: 'Word Jumble',
+    title_input: 'Title',
+    instructions: 'Instructions',
+    click: 'Click to enter text',
+    label: 'Word for jumbling',
+    hint: 'Hint for word',
+    add: 'Add Word',
+    feedback_correct: 'Feedback when correct',
+    feedback_incorrect: 'Feedback when incorrect',
+}

package/i18n/en-US/shared/content_blocks.ts

@@ -6,6 +6,8 @@ export default {
         matching_game: 'Matching',
         quizshow: 'Quizshow',
         slideshow: 'Slideshow',
+        multiple_choice: 'Multiple Choice',
+        word_jumble: 'Word Jumble',
     },
     grouping: {
         game: 'Activities',

package/i18n/en-US/shared/settings.ts

@@ -6,5 +6,7 @@ export default {
         matching_game_manager: ' Matching Game Manager',
         slideshow_manager: 'Slideshow Manager',
         quizshow_manager: 'Quizshow Manager',
+        multiple_choice_manager: 'Multiple Choice Manager',
+        wordjumble_manager: 'Word Jumble Manager',
     },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.0.1",
+    "version": "0.0.3",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {

package/plugin.js

@@ -1,6 +1,8 @@
 import enUS from './i18n/en-US'
 import flashcards from './components/content/blocks/flashcards/FlashcardSlides'
 import slideShow from './components/content/blocks/slideshow/SlideShow.vue'
+import WordJumble from './components/content/blocks/wordJumble/WordJumble'
+import WordJumbleSettings from './components/settings/WordJumbleSettingsManager.vue'
 import FlashCardSlidesManager from './components/settings/FlashCardSlidesManager'
 import SlideShowManager from './components/settings/SlideShowManager.vue'
 import MatchingGameManager from './components/settings/MatchingGameManager.vue'
@@ -11,6 +13,8 @@ import SortingGameSettingsManager from './components/settings/SortingGameSetting
 import BucketGame from './components/content/blocks/dragDrop/BucketGame'
 import quizShow from './components/content/blocks/quizshowGame/QuizShow'
 import QuizShowSettingsManager from './components/settings/QuizShowSettingsManager'
+import MultipleChoice from './components/content/blocks/multipleChoice/MultipleChoice.vue'
+import MultipleChoiceSettingsManager from './components/settings/MultipleChoiceSettingsManager'
 
 export default {
     name: 'Windward Games Plugin',
@@ -89,6 +93,26 @@ export default {
                         'plugin.games.shared.content_blocks.grouping.game',
                 },
             },
+            {
+                tag: 'games-multiple-choice',
+                template: MultipleChoice,
+                metadata: {
+                    icon: 'mdi-head-question-outline',
+                    name: 'plugin.games.shared.content_blocks.title.multiple_choice',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-wordjumble-game',
+                template: WordJumble,
+                metadata: {
+                    icon: 'mdi-alpha-w-box-outline',
+                    name: 'plugin.games.shared.content_blocks.title.word_jumble',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
         ],
         settings: [
             {
@@ -145,6 +169,24 @@ export default {
                     name: 'plugin.games.shared.settings.title.quizshow_manager',
                 },
             },
+            {
+                tag: 'games-multiple-choice-settings',
+                template: MultipleChoiceSettingsManager,
+                context: ['block.games-multiple-choice'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.multiple_choice_manager',
+                },
+            },
+            {
+                tag: 'games-wordjumble-settings',
+                template: WordJumbleSettings,
+                context: ['block.games-wordjumble-game'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.wordjumble_manager',
+                },
+            },
         ],
     },
 }

package/test/blocks/multipleChoice/MultipleChoice.spec.js

@@ -0,0 +1,26 @@
+import { defaultMocks } from '@windward/core/test/mocks'
+import MultipleChoice from '@/components/content/blocks/multipleChoice/MultipleChoice.vue'
+import { shallowMount } from '@vue/test-utils'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('MultipleChocie', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(MultipleChoice, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: {
+                        config: {},
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/multipleChoice/QuestionDialog.spec.js

@@ -0,0 +1,26 @@
+import { defaultMocks } from '@windward/core/test/mocks'
+import QuestionDialog from '@/components/content/blocks/multipleChoice/QuestionDialog.vue'
+import { shallowMount } from '@vue/test-utils'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('QuestionDialog', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(QuestionDialog, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: {
+                        config: {},
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/wordJumble/Jumble.spec.js

@@ -0,0 +1,27 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import Jumble from '@/components/content/blocks/wordJumble/Jumble'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('Jumble', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Jumble, {
+            propsData: {
+                value: {
+                    value: [
+                        {
+                            value: '',
+                        },
+                    ],
+                },
+                reveal: false,
+                reset: false,
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/wordJumble/WordJumble.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import WordJumble from '@/components/content/blocks/wordJumble/WordJumble'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('WordJumble', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(WordJumble, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/settings/MultipleChoiceGameManager.spec.js

@@ -0,0 +1,30 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import MultipleChoiceSettingsManager from '@/components/settings/MultipleChoiceSettingsManager'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('MultipleChoiceSettingsManager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(MultipleChoiceSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/settings/WordJumbleManager.spec.js

@@ -0,0 +1,87 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import WordJumbleSettingsManager from '@/components/settings/WordJumbleSettingsManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('WordJumble manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(WordJumbleSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+
+    test('can add word jumble', () => {
+        const wrapper = shallowMount(WordJumbleSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddWord()
+        expect(wrapper.vm.block.metadata.config.words).toEqual([
+            {
+                id: 1,
+                value: '',
+                hint: '',
+                expand: false,
+            },
+            {
+                id: 2,
+                value: '',
+                hint: '',
+                expand: false,
+            },
+        ])
+    })
+    test('can delete a word jumble', () => {
+        const wrapper = shallowMount(WordJumbleSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onDelete(1)
+        expect(wrapper.vm.block.metadata.config.words).toEqual([
+            {
+                id: 1,
+                value: '',
+                hint: '',
+                expand: false,
+            },
+        ])
+    })
+})