Page MenuHomeWickedGov Phorge
Files F4077609

app.test.js
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

app.test.js
View Options

'use strict';
jest.mock( '../../../../modules/ext.checkUser.tempAccountsOnboarding/components/icons.json', () => ( {
cdxIconNext: '',
cdxIconPrevious: ''
} ), { virtual: true } );
const App = require( '../../../../modules/ext.checkUser.tempAccountsOnboarding/components/App.vue' ),
utils = require( '@vue/test-utils' ),
{ waitFor, mockJSConfig } = require( '../../utils.js' );
const renderComponent = () => utils.mount( App );
describe( 'Main app component', () => {
afterEach( () => {
jest.restoreAllMocks();
} );
it( 'Renders correctly when IPInfo not installed', async () => {
mockJSConfig( {
wgCheckUserIPInfoExtensionLoaded: false,
wgCheckUserGlobalPreferencesExtensionLoaded: false,
wgCheckUserIPRevealPreferenceGloballyChecked: false,
wgCheckUserIPRevealPreferenceLocallyChecked: false,
wgCheckUserTemporaryAccountAutoRevealPossible: false
} );
const wrapper = renderComponent();
expect( wrapper.exists() ).toEqual( true );
// Check the dialog exists and that the introduction to temporary accounts step is shown.
const rootElement = wrapper.find(
'.ext-checkuser-temp-account-onboarding-dialog'
);
expect( rootElement.exists() ).toEqual( true );
const introStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-temp-accounts'
);
expect( introStepImage.exists() ).toEqual( true );
// Click the next button and wait for the DOM to be updated.
const footer = rootElement.find(
'.ext-checkuser-temp-account-onboarding-dialog__footer'
);
const nextButton = footer.find(
'.ext-checkuser-temp-account-onboarding-dialog__footer__navigation--next'
);
await nextButton.trigger( 'click' );
await waitFor( () => !wrapper.find(
'.ext-checkuser-image-temp-accounts-onboarding-temp-accounts'
).exists() );
// Expect that the IP reveal step is the second step and not the IPInfo step,
// as the IPInfo step is removed if IPInfo is not installed.
const ipRevealStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-ip-reveal'
);
expect( ipRevealStepImage.exists() ).toEqual( true );
const ipInfoStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-ip-info'
);
expect( ipInfoStepImage.exists() ).toEqual( false );
// Double check this by checking that the 'steps' prop only has two steps
// (one for intro and the other for IP reveal)
expect( wrapper.vm.steps ).toHaveLength( 2 );
} );
it( 'Renders correctly when IPInfo installed', async () => {
mockJSConfig( {
wgCheckUserIPInfoExtensionLoaded: true,
wgCheckUserIPInfoPreferenceChecked: true,
wgCheckUserUserHasIPInfoRight: true,
wgCheckUserGlobalPreferencesExtensionLoaded: false,
wgCheckUserIPRevealPreferenceGloballyChecked: true,
wgCheckUserIPRevealPreferenceLocallyChecked: true,
wgCheckUserTemporaryAccountAutoRevealPossible: false
} );
const wrapper = renderComponent();
expect( wrapper.exists() ).toEqual( true );
// Check the dialog exists and that the introduction to temporary accounts step is shown.
const rootElement = wrapper.find(
'.ext-checkuser-temp-account-onboarding-dialog'
);
expect( rootElement.exists() ).toEqual( true );
const introStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-temp-accounts'
);
expect( introStepImage.exists() ).toEqual( true );
// Click the next button and wait for the DOM to be updated.
const footer = rootElement.find(
'.ext-checkuser-temp-account-onboarding-dialog__footer'
);
const nextButton = footer.find(
'.ext-checkuser-temp-account-onboarding-dialog__footer__navigation--next'
);
await nextButton.trigger( 'click' );
await waitFor( () => !wrapper.find(
'.ext-checkuser-image-temp-accounts-onboarding-temp-accounts'
).exists() );
// Expect that the second step is the IP reveal step
const ipRevealStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-ip-reveal'
);
expect( ipRevealStepImage.exists() ).toEqual( true );
// Click the next button again and wait for the DOM to be updated.
await nextButton.trigger( 'click' );
await waitFor( () => !wrapper.find(
'.ext-checkuser-image-temp-accounts-onboarding-ip-reveal'
).exists() );
// Expect that the IPInfo step is the third step
const ipInfoStepImage = rootElement.find(
'.ext-checkuser-image-temp-accounts-onboarding-ip-info'
);
expect( ipInfoStepImage.exists() ).toEqual( true );
// Double check this by checking that the 'steps' prop has three steps.
expect( wrapper.vm.steps ).toHaveLength( 3 );
} );
} );

File Metadata

Mime Type
text/plain
Expires
Aug 18 2026, 03:27 (9 w, 1 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
3c/aa/f19b890419082576b34f23274435
Default Alt Text
app.test.js (4 KB)

Event Timeline