@windward/core 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.0.6",
+    "version": "0.0.8",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {

package/plugin.js

@@ -11,6 +11,8 @@ import ClickableIcons from './components/Content/Blocks/ClickableIcons'
 
 import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 
+import OpenResponse from './components/Content/Blocks/OpenResponse'
+import OpenResponseCollate from './components/Content/Blocks/OpenResponseCollate'
 import Image from './components/Content/Blocks/Image'
 import UserUpload from './components/Content/Blocks/UserUpload'
 
@@ -18,7 +20,10 @@ import GlossaryPage from './pages/glossary.vue'
 import CourseGlossaryToolNav from './components/Navigation/Items/CourseGlossaryToolNav.vue'
 import GlossaryNav from './components/Navigation/Items/GlossaryNav.vue'
 import AskTheExpert from './components/Navigation/Items/AskTheExpert.vue'
+
 // Entrypoint for npm
+import OpenResponseSettings from './components/Settings/OpenResponseSettings.vue'
+import OpenResponseCollateSettings from './components/Settings/OpenResponseCollateSettings.vue'
 import ImageSettings from './components/Settings/ImageSettings.vue'
 import UserUploadSettings from './components/Settings/UserUploadSettings.vue'
 import ClickableIconsSettings from './components/Settings/ClickableIconsSettings.vue'
@@ -176,6 +181,26 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
+            {
+                tag: 'core-open-response',
+                template: OpenResponse,
+                metadata: {
+                    icon: 'mdi-typewriter',
+                    name: 'windward.core.shared.content_blocks.title.open_response',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-open-response-collate',
+                template: OpenResponseCollate,
+                metadata: {
+                    icon: 'mdi-typewriter',
+                    name: 'windward.core.shared.content_blocks.title.open_response_collate',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
             {
                 tag: 'core-image',
                 template: Image,
@@ -218,6 +243,24 @@ export default {
             },
         ],
         settings: [
+            {
+                tag: 'core-open-response-settings',
+                template: OpenResponseSettings,
+                context: ['block.core-open-response'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.open_response',
+                },
+            },
+            {
+                tag: 'core-open-response-collate-settings',
+                template: OpenResponseCollateSettings,
+                context: ['block.core-open-response-collate'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.open_response_collate',
+                },
+            },
             {
                 tag: 'core-image-settings',
                 template: ImageSettings,

package/test/Components/Content/Blocks/OpenResponse.spec.js

@@ -0,0 +1,31 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import OpenResponse from '@/components/Content/Blocks/OpenResponse.vue'
+
+Vue.use(Vuetify)
+
+describe('OpenResponse content block component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponse, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    tag: 'plugin-core-open-response',
+                    body: '<p>Test Block</p>',
+                    metadata: {
+                        config: {
+                            sample_response: 'sample response example',
+                            starting_text: 'starting text example',
+                        },
+                    },
+                },
+            },
+        })
+
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/OpenResponseCollate.spec.js

@@ -0,0 +1,36 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import Image from '@/components/Content/Blocks/Image.vue'
+
+Vue.use(Vuetify)
+
+describe('Image content block component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Image, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    tag: 'plugin-core-open-response-collate',
+                    body: '00000000-0000-0000-0000-000000000001,00000000-0000-0000-0000-000000000002,00000000-0000-0000-0000-000000000003',
+                    metadata: {
+                        config: {
+                            linked: [
+                                '00000000-0000-0000-0000-000000000001',
+                                '00000000-0000-0000-0000-000000000002',
+                                '00000000-0000-0000-0000-000000000003',
+                            ],
+                            filename: 'example_filename_override',
+                            include_prompts: true,
+                        },
+                    },
+                },
+            },
+        })
+
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Settings/OpenResponseCollateSettings.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import OpenResponseCollateSettings from '@/components/Settings/OpenResponseCollateSettings'
+
+Vue.use(Vuetify)
+
+describe('OpenResponseCollateSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponseCollateSettings, {
+            propsData: {
+                tag: 'core-open-response-collate-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Settings/OpenResponseSettings.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import OpenResponseSettings from '@/components/Settings/OpenResponseSettings'
+
+Vue.use(Vuetify)
+
+describe('OpenResponseSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponseSettings, {
+            propsData: {
+                tag: 'core-open-response-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/__mocks__/helpersMock.js

@@ -41,6 +41,9 @@ jest.mock(
             isEmpty: () => {
                 return jest.fn()
             },
+            isBoolean: () => {
+                return jest.fn()
+            },
             flatten: () => {
                 return jest.fn()
             },

package/test/__mocks__/modelMock.js

@@ -8,6 +8,10 @@ jest.mock('axios')
 
 // Define any new model mocks here. The imports / mocks will be auto-generated below
 const mockVirtualModels = [
+    {
+        path: '~/models/UserContentBlockState',
+        resource: 'user-content-block-state',
+    },
     { path: '~/models/Enrollment', resource: 'enrollments' },
     { path: '~/models/ContentBlock', resource: 'blocks' },
     { path: '~/models/FileAsset', resource: 'file-assets' },