@windward/games 0.0.3 → 0.0.5

package/i18n/en-US/components/content/blocks/index.ts

@@ -6,6 +6,8 @@ import quizshow_game from './quizshow_game'
 import slideshow from './slideshow'
 import multiple_choice from './multiple_choice'
 import word_jumble from './word_jumble'
+import seven_strikes from './seven_strikes'
+import crossword from './crossword'
 
 export default {
     bucket_game,
@@ -16,4 +18,6 @@ export default {
     slideshow,
     multiple_choice,
     word_jumble,
+    seven_strikes,
+    crossword,
 }

package/i18n/en-US/components/content/blocks/multiple_choice.ts

@@ -1,11 +1,9 @@
 export default {
     game_title: 'Multiple Choice Game',
-    hint: 'View/Reset Hint',
+    hint: 'View Hint',
     fifty: '50:50',
-    print: 'View Print Version',
-    reset: 'Reset Game',
     hint_title: 'Hint',
-    answer_description: 'Answer Description',
+    answer_feedback: 'Answer Feedback',
     total_points: 'Total Points for Course',
     out_of: ' out of ',
 }

package/i18n/en-US/components/content/blocks/seven_strikes.ts

@@ -0,0 +1,6 @@
+export default {
+    title: 'Seven Strikes',
+    reveal: 'Reveal Answer',
+    again: 'Play Again',
+    next: 'Next',
+}

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

@@ -0,0 +1,7 @@
+export default {
+    crossword_items: 'Crossword Items',
+    word: 'Word',
+    clue: 'Clue',
+    min_length: 'Cannot have less than two words',
+    alert: 'Alert',
+}

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

@@ -6,6 +6,8 @@ import slideshow from './slideshow'
 import multiple_choice from './multiple_choice'
 import sorting_game from './sorting_game'
 import word_jumble from './word_jumble'
+import seven_strikes from './seven_strikes'
+import crossword from './crossword'
 
 export default {
     bucket_game,
@@ -16,4 +18,6 @@ export default {
     slideshow,
     multiple_choice,
     sorting_game,
+    seven_strikes,
+    crossword,
 }

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

@@ -5,7 +5,7 @@ export default {
     questions: 'Questions',
     modal_title: 'Multiple Choice Question',
     question_hint: 'Question Hint',
-    answer_description: 'Answer Description',
+    answer_feedback: 'Answer Feedback',
     question: 'Question',
     answer_options: 'Answer Options',
     answer_option: 'Answer Option',

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

@@ -0,0 +1,8 @@
+export default {
+    title: 'Seven Strikes',
+    instructions:
+        'Read the clue below, and click on the letters to spell out the word the clue refers to. If you choose a letter that isnt in the word, an X will be illuminated. When you choose an incorrect letter 7 times, the game is over.Open a text-only version of this vocabulary game in a new windowSkip this vocabulary game',
+    word: 'Word or Phrase',
+    hint: 'Clue',
+    items: 'Items',
+}

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

@@ -4,7 +4,7 @@ export default {
     instructions: 'Instructions',
     click: 'Click to enter text',
     label: 'Word for jumbling',
-    hint: 'Hint for word',
+    hint: 'Clue for word',
     add: 'Add Word',
     feedback_correct: 'Feedback when correct',
     feedback_incorrect: 'Feedback when incorrect',

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

@@ -8,6 +8,8 @@ export default {
         slideshow: 'Slideshow',
         multiple_choice: 'Multiple Choice',
         word_jumble: 'Word Jumble',
+        seven_strikes: 'Seven Strikes',
+        crossword_puzzle: 'Crossword',
     },
     grouping: {
         game: 'Activities',

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

@@ -8,5 +8,7 @@ export default {
         quizshow_manager: 'Quizshow Manager',
         multiple_choice_manager: 'Multiple Choice Manager',
         wordjumble_manager: 'Word Jumble Manager',
+        seven_strikes_manager: 'Seven Strikes Manager',
+        crossword_puzzle_manager: 'Crossword Puzzle Manager',
     },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {
@@ -20,6 +20,7 @@
         "eslint": "^8.11.0",
         "lodash": "^4.17.21",
         "prettier": "^2.6.0",
+        "simple-keyboard": "^3.6.28",
         "vue-excel-editor": "^1.5.19",
         "vue-flashcard": "^1.1.6",
         "vuedraggable": "^2.24.3"

package/plugin.js

@@ -3,6 +3,8 @@ 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 SevenStrikes from './components/content/blocks/sevenStrikes/SevenStikes.vue'
+import SevenStrikesSettingsManager from './components/settings/SevenStrikesSettingsManager.vue'
 import FlashCardSlidesManager from './components/settings/FlashCardSlidesManager'
 import SlideShowManager from './components/settings/SlideShowManager.vue'
 import MatchingGameManager from './components/settings/MatchingGameManager.vue'
@@ -15,6 +17,8 @@ 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'
+import CrosswordPuzzle from './components/content/blocks/crosswordPuzzle/CrosswordPuzzle.vue'
+import CrosswordPuzzleSettingsManager from './components/settings/CrosswordPuzzleSettingsManager.vue'
 
 export default {
     name: 'Windward Games Plugin',
@@ -107,12 +111,32 @@ export default {
                 tag: 'games-wordjumble-game',
                 template: WordJumble,
                 metadata: {
-                    icon: 'mdi-alpha-w-box-outline',
+                    icon: 'mdi-ab-testing',
                     name: 'plugin.games.shared.content_blocks.title.word_jumble',
                     grouping:
                         'plugin.games.shared.content_blocks.grouping.game',
                 },
             },
+            {
+                tag: 'games-seven-strikes-game',
+                template: SevenStrikes,
+                metadata: {
+                    icon: 'mdi-ab-testing',
+                    name: 'plugin.games.shared.content_blocks.title.seven_strikes',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-crossword-puzzle-game',
+                template: CrosswordPuzzle,
+                metadata: {
+                    icon: 'mdi-alpha-c-box-outline',
+                    name: 'plugin.games.shared.content_blocks.title.crossword_puzzle',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
         ],
         settings: [
             {
@@ -187,6 +211,24 @@ export default {
                     name: 'plugin.games.shared.settings.title.wordjumble_manager',
                 },
             },
+            {
+                tag: 'games-seven-strikes-settings',
+                template: SevenStrikesSettingsManager,
+                context: ['block.games-seven-strikes-game'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.seven_strikes_manager',
+                },
+            },
+            {
+                tag: 'games-crossword-puzzle-settings',
+                template: CrosswordPuzzleSettingsManager,
+                context: ['block.games-crossword-puzzle-game'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.crossword_puzzle_manager',
+                },
+            },
         ],
     },
 }

package/test/blocks/crossword/CrosswordPuzzle.spec.js

@@ -0,0 +1,49 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import CrosswordPuzzle from '@/components/content/blocks/crosswordPuzzle/CrosswordPuzzle'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+//override default mock
+jest.mock(
+    'lodash',
+    () => {
+        return {
+            cloneDeep: () => {
+                return []
+            },
+            isEmpty: () => {
+                return jest.fn()
+            },
+            flatten: () => {
+                return jest.fn()
+            },
+            get: () => {
+                return jest.fn()
+            },
+        }
+    },
+    { virtual: true }
+)
+describe('CrosswordPuzzle', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(CrosswordPuzzle, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: {
+                        config: {
+                            words: [],
+                        },
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/sevenStrikes/sevenStrikes.spec.js

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

package/test/settings/BucketGameManager.spec.js

@@ -9,7 +9,7 @@ Vue.use(Vuetify)
 const settings = {}
 const context = 'block'
 
-describe('Matching game manager', () => {
+describe('Bucket game manager', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(BucketGameSettingsManager, {
             propsData: {

package/test/settings/CrosswordPuzzleManager.spec.js

@@ -0,0 +1,103 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import CrosswordPuzzleSettingsManager from '@/components/settings/CrosswordPuzzleSettingsManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('Crossword game manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(CrosswordPuzzleSettingsManager, {
+            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()
+    })
+
+    test('can add new word', () => {
+        const wrapper = shallowMount(CrosswordPuzzleSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddElement()
+        expect(wrapper.vm.block.metadata.config.words).toEqual([
+            {
+                id: 0,
+                word: '',
+                description: '',
+                expand: false,
+            },
+            {
+                id: 1,
+                word: '',
+                description: '',
+                expand: false,
+            },
+            {
+                id: 2,
+                word: '',
+                description: '',
+                expand: true,
+            },
+        ])
+    })
+
+    test('can delete word', () => {
+        const wrapper = shallowMount(CrosswordPuzzleSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onDelete(1)
+        expect(wrapper.vm.block.metadata.config.words).toEqual([
+            {
+                id: 0,
+                word: '',
+                description: '',
+                expand: false,
+            },
+            {
+                id: 1,
+                word: '',
+                description: '',
+                expand: true,
+            },
+        ])
+    })
+})

package/test/settings/SevenStrikesManager.spec.js

@@ -0,0 +1,53 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import SevenStrikesSettingsManager from '@/components/settings/SevenStrikesSettingsManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('Seven Strikes slides manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(SevenStrikesSettingsManager, {
+            propsData: {
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+
+    test('can add word', () => {
+        const wrapper = shallowMount(SevenStrikesSettingsManager, {
+            propsData: {
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddElement()
+        expect(wrapper.vm.block.metadata.config.words).toEqual([
+            { value: '', expand: false, hint: '', splitWord: '' },
+            { value: '', expand: true, hint: '', splitWord: '' },
+        ])
+    })
+
+    test('can delete a word', () => {
+        const wrapper = shallowMount(SevenStrikesSettingsManager, {
+            propsData: {
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onDelete(0)
+        expect(wrapper.vm.block.metadata.config.words).toEqual([])
+    })
+})

package/test/settings/WordJumbleManager.spec.js

@@ -55,7 +55,7 @@ describe('WordJumble manager', () => {
                 id: 2,
                 value: '',
                 hint: '',
-                expand: false,
+                expand: true,
             },
         ])
     })
@@ -80,7 +80,7 @@ describe('WordJumble manager', () => {
                 id: 1,
                 value: '',
                 hint: '',
-                expand: false,
+                expand: true,
             },
         ])
     })