1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
'use strict';
const { mount } = require( '@vue/test-utils' );
const { createTestingPinia } = require( '@pinia/testing' );
const { mockMwConfigGet } = require( './SpecialBlock.setup.js' );
const ExpiryField = require( '../../../resources/src/mediawiki.special.block/components/ExpiryField.vue' );
const useBlockStore = require( '../../../resources/src/mediawiki.special.block/stores/block.js' );
const presetTestCases = [
{
title: 'no default, wpExpiry=indefinite [preset]',
config: {
isInfinity: true,
blockExpiryPreset: 'indefinite'
},
expected: {
expiryType: 'preset-duration',
presetDuration: 'infinite'
}
},
{
title: 'no default, wpExpiry=indefinite [preset] custom "indefinite" expiry option',
config: {
isInfinity: true,
blockExpiryPreset: 'indefinite',
blockExpiryOptions: {
infinite: 'indefinite',
'31 horas': '31 hours'
}
},
expected: {
expiryType: 'preset-duration',
presetDuration: 'indefinite'
}
},
{
title: 'default 9 weeks, wpExpiry=1 week [custom]',
config: {
blockExpiryDefault: '9 weeks',
blockExpiryPreset: '1 week'
},
expected: {
expiryType: 'custom-duration',
customDurationNumber: 1,
customDurationUnit: 'weeks'
}
},
{
title: 'default 31 hours, no wpExpiry [preset]',
config: {
blockExpiryDefault: '31 hours',
blockExpiryPreset: null
},
expected: {
expiryType: 'preset-duration',
presetDuration: '31 hours'
}
},
{
title: 'no default, wpExpiry=2100-01-01T12:59 [datetime]',
config: {
blockExpiryPreset: '2100-01-01T12:59'
},
expected: {
expiryType: 'datetime',
datetime: '2100-01-01T12:59'
}
},
{
title: 'no default, wpExpiry=invalid [preset]',
config: {
blockExpiryPreset: 'invalid'
},
expected: {
expiryType: 'preset-duration',
presetDuration: null
}
}
];
describe( 'ExpiryField', () => {
it( 'should show an error message if no expiry is provided after form submission', async () => {
mockMwConfigGet();
const wrapper = mount( ExpiryField, {
global: { plugins: [ createTestingPinia() ] }
} );
const store = useBlockStore();
store.formSubmitted = true;
await wrapper.vm.$nextTick();
expect( wrapper.find( '.cdx-message--error' ).text() )
.toStrictEqual( 'ipb_expiry_invalid' );
} );
it( 'should react to changes to the store\'s expiry', async () => {
mockMwConfigGet();
const wrapper = mount( ExpiryField, {
global: { plugins: [ createTestingPinia() ] }
} );
const store = useBlockStore();
store.expiry = '1 week';
await wrapper.vm.$nextTick();
// Assert refs are updated.
expect( wrapper.vm.expiryType ).toStrictEqual( 'custom-duration' );
expect( wrapper.vm.customDurationNumber ).toStrictEqual( 1 );
expect( wrapper.vm.customDurationUnit ).toStrictEqual( 'weeks' );
// Assert DOM is updated.
expect( wrapper.find( '[name=expiryType]:checked' ).element.value ).toStrictEqual( 'custom-duration' );
expect( wrapper.find( 'input[type=number]' ).element.value ).toStrictEqual( '1' );
} );
it.each( presetTestCases )(
'should preselect from fields and set values ($title)', async ( { config, expected } ) => {
mockMwConfigGet( config );
mw.util.isInfinity = jest.fn().mockReturnValue( !!config.isInfinity );
const wrapper = mount( ExpiryField, {
global: { plugins: [ createTestingPinia( { stubActions: false } ) ] }
} );
await wrapper.vm.$nextTick();
for ( const key in expected ) {
// Test against the app instance
expect( wrapper.vm[ key ] ).toStrictEqual( expected[ key ] );
// Test against the rendered DOM
switch ( key ) {
case 'expiryType':
expect( wrapper.find( '[name=expiryType]:checked' ).element.value )
.toStrictEqual( expected[ key ] );
break;
case 'presetDuration':
// No input; Only testable on wrapper.vm (see above)
break;
case 'customDurationNumber':
expect( wrapper.find( 'input[type=number]' ).element.value )
.toStrictEqual( expected[ key ].toString() );
break;
case 'customDurationUnit':
// No input.
break;
case 'datetime':
expect( wrapper.find( 'input[type=datetime-local]' ).element.value )
.toStrictEqual( expected[ key ] );
break;
}
}
}
);
} );
|
