Page MenuHomeWickedGov Phorge
Files F4113138

ExpiryField.test.js
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

ExpiryField.test.js
View Options

'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;
}
}
}
);
} );

File Metadata

Mime Type
text/plain
Expires
Tue, Aug 18, 23:13 (1 d, 22 h)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
3e/e8/b404866f4dc6b10776ab932dcebf
Default Alt Text
ExpiryField.test.js (4 KB)

Event Timeline