verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 101 Releases Wiki Activity

refactor(VnAccountNumber): refs #8718 update input handling and improve test descriptions
gitea/salix-front/pipeline/pr-master This commit looks good Details

This commit is contained in:
Jorge Penadés 2025-03-04 16:08:20 +01:00
parent 5ac8e8a9e6
commit d4a18e5846
3 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/VnAccountNumber.vue
View File

@ -29,7 +29,6 @@ async function handleUpdateModel(val) {
<VnInput <VnInput
v-model="model" v-model="model"
ref="inputRef" ref="inputRef"
v-bind="$attrs"
:insertable :insertable
@update:model-value="handleUpdateModel" @update:model-value="handleUpdateModel"
/> />

2
src/components/common/VnInput.vue
View File

@ -143,7 +143,7 @@ const handleUppercase = () => {
:rules="mixinRules" :rules="mixinRules"
:lazy-rules="true" :lazy-rules="true"
hide-bottom-space hide-bottom-space
:data-cy="$attrs.dataCy ?? $attrs.label + '_input'" :data-cy="$attrs['data-cy'] ?? $attrs.label + '_input'"
> >
<template #prepend v-if="$slots.prepend"> <template #prepend v-if="$slots.prepend">
<slot name="prepend" /> <slot name="prepend" />

68
test/cypress/integration/vnComponent/VnAccountNumber.spec.js
View File

@ -1,4 +1,4 @@
describe('VnInput Component', () => { describe('VnAccountNumber', () => {
beforeEach(() => { beforeEach(() => {
cy.login('developer'); cy.login('developer');
cy.viewport(1920, 1080); cy.viewport(1920, 1080);
@ -6,34 +6,46 @@ describe('VnInput Component', () => {
cy.domContentLoad(); cy.domContentLoad();
}); });
it('should replace character at cursor position in insert mode', () => { describe('VnInput handleInsertMode()', () => {
// Simula escribir en el input it('should replace character at cursor position in insert mode', () => {
cy.dataCy('supplierFiscalDataAccount').clear(); cy.get('input[data-cy="supplierFiscalDataAccount"]').type(
cy.dataCy('supplierFiscalDataAccount').type('4100000001'); '{selectall}4100000001',
// Coloca el cursor en la posición 0 );
cy.dataCy('supplierFiscalDataAccount').type('{movetostart}'); cy.get('input[data-cy="supplierFiscalDataAccount"]').type('{movetostart}');
// Escribe un número y verifica que se reemplace correctamente cy.get('input[data-cy="supplierFiscalDataAccount"]').type('999');
cy.dataCy('supplierFiscalDataAccount').type('999'); cy.get('input[data-cy="supplierFiscalDataAccount"]').should(
cy.dataCy('supplierFiscalDataAccount') 'have.value',
.should('have.value', '9990000001'); '9990000001',
);
});
it('should replace character at cursor position in insert mode', () => {
cy.get('input[data-cy="supplierFiscalDataAccount"]').clear();
cy.get('input[data-cy="supplierFiscalDataAccount"]').type('4100000001');
cy.get('input[data-cy="supplierFiscalDataAccount"]').type('{movetostart}');
cy.get('input[data-cy="supplierFiscalDataAccount"]').type('999');
cy.get('input[data-cy="supplierFiscalDataAccount"]').should(
'have.value',
'9990000001',
);
});
it('should respect maxlength prop', () => {
cy.get('input[data-cy="supplierFiscalDataAccount"]').clear();
cy.get('input[data-cy="supplierFiscalDataAccount"]').type('123456789012345');
cy.get('input[data-cy="supplierFiscalDataAccount"]').should(
'have.value',
'1234567890',
);
});
}); });
it('should replace character at cursor position in insert mode', () => { it('should convert short account number to standard format', () => {
// Simula escribir en el input cy.get('input[data-cy="supplierFiscalDataAccount"]').clear();
cy.dataCy('supplierFiscalDataAccount').clear(); cy.get('input[data-cy="supplierFiscalDataAccount"]').type('123.');
cy.dataCy('supplierFiscalDataAccount').type('4100000001'); cy.get('input[data-cy="supplierFiscalDataAccount"]').should(
// Coloca el cursor en la posición 0 'have.value',
cy.dataCy('supplierFiscalDataAccount').type('{movetostart}'); '1230000000',
// Escribe un número y verifica que se reemplace correctamente en la posicion incial );
cy.dataCy('supplierFiscalDataAccount').type('999');
cy.dataCy('supplierFiscalDataAccount')
.should('have.value', '9990000001');
});
it('should respect maxlength prop', () => {
cy.dataCy('supplierFiscalDataAccount').clear();
cy.dataCy('supplierFiscalDataAccount').type('123456789012345');
cy.dataCy('supplierFiscalDataAccount')
.should('have.value', '1234567890'); // asumiendo que maxlength es 10
}); });
}); });