|
1 | 1 | import { mount } from './testHelper'
|
2 | 2 |
|
3 | 3 | import QuanthubModal from '@/components/shared/QuanthubModal.vue'
|
4 |
| - |
| 4 | +import QuanthubCloseIcon from '@/components/shared/icons/QuanthubCloseIcon.vue' |
5 | 5 | import QuanthubSpinner from '@/components/shared/QuanthubSpinner.vue'
|
6 | 6 | import { describe, expect, it, beforeEach } from 'vitest'
|
7 | 7 |
|
@@ -49,7 +49,10 @@ describe('QuanthubModal.vue', () => {
|
49 | 49 | const buildModalWrapper = (props = {}) => {
|
50 | 50 | return mount(QuanthubModal, {
|
51 | 51 | props: { ...props, visible: true },
|
52 |
| - components: { 'quanthub-spinner': QuanthubSpinner }, |
| 52 | + components: { |
| 53 | + 'quanthub-spinner': QuanthubSpinner, |
| 54 | + 'quanthub-close-icon': QuanthubCloseIcon, |
| 55 | + }, |
53 | 56 | slots: {
|
54 | 57 | 'modal-header': '<div data-testid="header-div">Heading</div>',
|
55 | 58 | },
|
@@ -92,7 +95,7 @@ describe('QuanthubModal.vue', () => {
|
92 | 95 | return mount(QuanthubModal, {
|
93 | 96 | props: { ...props, visible: true },
|
94 | 97 | slots: {
|
95 |
| - 'modal-footer': `<div data-testid="footer-div"> |
| 98 | + 'modal-footer': `<div data-testid="footer-div"> |
96 | 99 | <button data-testid="ok-btn"> OK </button>
|
97 | 100 | <button data-testid="cancel-btn"> Cancel </button>
|
98 | 101 | </div>`,
|
|
0 commit comments