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

#5888 - FiscalData Field location #174

Merged
carlossa merged 4 commits from 5888_fiscalData_field_location into test 2024-02-02 13:54:31 +00:00
Conversation 0 Commits 4 Files Changed 4 +72 -34
2 changed files with 72 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1c7ad7946e - Show all commits

23
src/components/common/VnLocation.vue
View File

@ -55,7 +55,7 @@ const value = computed({
}); });
onMounted(() => { onMounted(() => {
locationFilter() locationFilter($props.modelValue);
}); });
function setOptions(data) { function setOptions(data) {
@ -72,31 +72,36 @@ function showLabel(data) {
return `${data.code} - ${data.town}(${data.province}), ${data.country}`; return `${data.code} - ${data.town}(${data.province}), ${data.country}`;
} }
function locationFilter(search) { function locationFilter(search = '') {
if (
search &&
(search.includes('undefined') || search.startsWith(`${$props.modelValue} - `))
)
return;
let where = { search }; let where = { search };
postcodesRef.value.fetch({filter:{ where}, limit: 30}); postcodesRef.value.fetch({ filter: { where }, limit: 30 });
} }
function handleFetch( data) { function handleFetch(data) {
postcodesOptions.value = data; postcodesOptions.value = data;
} }
</script> </script>
<template> <template>
<FetchData <FetchData
ref="postcodesRef" ref="postcodesRef"
url="Postcodes/filter" url="Postcodes/filter"
@on-fetch="(data) =>handleFetch(data)" @on-fetch="(data) => handleFetch(data)"
/> />
<VnSelectCreate <VnSelectCreate
v-if="postcodesRef" v-if="postcodesRef"
:option-label="(opt) => showLabel(opt) ?? 'code'"
:option-value="(opt) => opt.code"
v-model="value" v-model="value"
:options="postcodesOptions" :options="postcodesOptions"
:label="t('Location')" :label="t('Location')"
:option-label="showLabel"
:placeholder="t('Search by postalCode, town, province or country')" :placeholder="t('Search by postalCode, town, province or country')"
@input-value="locationFilter" @input-value="locationFilter"
:default-filter="false" :default-filter="true"
:input-debounce="300" :input-debounce="300"
:class="{ required: $attrs.required }" :class="{ required: $attrs.required }"
v-bind="$attrs" v-bind="$attrs"
@ -110,7 +115,7 @@ function handleFetch( data) {
<template #form> <template #form>
<CreateNewPostcode @on-data-saved="locationFilter()" /> <CreateNewPostcode @on-data-saved="locationFilter()" />
</template> </template>
<template #option="{itemProps, opt}"> <template #option="{ itemProps, opt }">
<QItem v-bind="itemProps"> <QItem v-bind="itemProps">
<QItemSection v-if="opt"> <QItemSection v-if="opt">
<QItemLabel>{{ opt.code }}</QItemLabel> <QItemLabel>{{ opt.code }}</QItemLabel>

65
test/cypress/integration/VnLocation.spec.js
View File

@ -1,31 +1,64 @@
const inputLocation = ':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
const locationOptions ='[role="listbox"] > div.q-virtual-scroll__content > .q-item' const locationOptions ='[role="listbox"] > div.q-virtual-scroll__content > .q-item'
describe('VnLocation', () => { describe('VnLocation', () => {
// describe('Create',()=>{
// const inputLocation = ':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
// beforeEach(() => {
// cy.viewport(1280, 720);
// cy.login('developer');
// cy.visit('/#/worker/create');
// cy.waitForElement('.q-card');
// });
// it('Show all options', function() {
// cy.get(inputLocation).click();
// cy.get(locationOptions).should('have.length',5);
// });
// it('input filter location as "al"', function() {
// cy.get(inputLocation).click();
// cy.get(inputLocation).clear();
// cy.get(inputLocation).type('al');
// cy.get(locationOptions).should('have.length',3);
// });
// it('input filter location as "ecuador"', function() {
// cy.get(inputLocation).click();
// cy.get(inputLocation).clear();
// cy.get(inputLocation).type('ecuador');
// cy.get(locationOptions).should('have.length',1);
// cy.get(`${locationOptions}:nth-child(1)`).click();
// cy.get(':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon').click();
// });
// });
describe('Fiscal-data',()=>{
const inputLocation = ':nth-child(6) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
beforeEach(() => { beforeEach(() => {
cy.viewport(1280, 720); cy.viewport(1280, 720);
cy.login('developer'); cy.login('developer');
cy.visit('/#/worker/create'); cy.visit('/#/supplier/567/fiscal-data', {timeout: 2000});
cy.waitForElement('.q-card'); cy.waitForElement('.q-card');
}); });
it('Show all options', function() { it('Show all options', function() {
cy.get(inputLocation).click(); // cy.get(inputLocation).click();
cy.get(locationOptions).should('have.length',5); // cy.get(locationOptions).should('have.length',5);
}); // });
it('input filter location as "al"', function() { // it('input filter location as "al"', function() {
// cy.get(inputLocation).click();
// cy.get(inputLocation).clear();
// cy.get(inputLocation).type('al');
// cy.get(locationOptions).should('have.length',3);
// });
// it('input filter location as "ecuador"', function() {
cy.get(inputLocation).click(); cy.get(inputLocation).click();
cy.get(inputLocation).clear(); // cy.get(inputLocation).clear();
cy.get(inputLocation).type('al'); // cy.get(inputLocation).type('ecuador');
cy.get(locationOptions).should('have.length',3);
});
it('input filter location as "ecuador"', function() {
cy.get(inputLocation).click();
cy.get(inputLocation).clear();
cy.get(inputLocation).type('ecuador');
cy.get(locationOptions).should('have.length',1); cy.get(locationOptions).should('have.length',1);
cy.get(`${locationOptions}:nth-child(1)`).click(); // cy.get(`${locationOptions}:nth-child(1)`).click();
cy.get(':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon').click(); // cy.get(':nth-child(6) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > .q-field__input').should('have.text','46600')
}); });
});
}) })