djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tests for products (#2447)

Browse source
This commit is contained in:
Karolina Rakoczy 2022-10-27 11:27:34 +02:00 committed by GitHub
parent 469328de0b
commit 4dcc38cf48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 55 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
cypress/elements/shared/sharedElements.js
View file

@ -24,6 +24,9 @@ export const SHARED_ELEMENTS = {
},
warningDialog: '[data-test-id="warning-dialog"]',
pageHeader: "[data-test-id='page-header']",
multiAutocomplete: {
selectedOptions: '[id*="selected-option-"]',
},
};
export const selectorWithDataValue = value => `[data-value="${value}"]`;

4
cypress/support/customCommands/sharedElementsOperations/selects.js
View file

@ -19,7 +19,9 @@ Cypress.Commands.add("fillMultiSelect", (selectSelector, option) => {
cy.fillAutocompleteSelect(selectSelector, option).then(returnedOption => {
cy.get(SHARED_ELEMENTS.header)
.first()
.click({ force: true });
.click({ force: true })
.get(SHARED_ELEMENTS.multiAutocomplete.selectedOptions)
.should("be.visible");
return cy.wrap(returnedOption);
});
});

6
src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
View file

@ -228,7 +228,11 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
</DebounceAutocomplete>
<div className={classes.chipContainer}>
{displayValues.map(value => (
<div className={classes.chip} key={value.value}>
<div
className={classes.chip}
key={value.value}
id={`selected-option-${value.label}`}
>
<div
className={
!value.disabled ? classes.chipInner : classes.disabledChipInner

44
src/storybook/__snapshots__/Stories.test.ts.snap
View file

@ -1850,6 +1850,7 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Multiselect First Value"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -1880,6 +1881,7 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Multiselect Second Value"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -2968,6 +2970,7 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Unmanagable by user"
>
<div
class="MultiAutocompleteSelectField-disabledChipInner-id"
@ -2999,6 +3002,7 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Default group"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -3109,6 +3113,7 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Unmanagable by user"
>
<div
class="MultiAutocompleteSelectField-disabledChipInner-id"
@ -3140,6 +3145,7 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Default group"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -12198,6 +12204,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Afghanistan"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -12322,6 +12329,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Afghanistan"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -12446,6 +12454,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Afghanistan"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -12570,6 +12579,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Afghanistan"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -23815,6 +23825,7 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-GBP"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -23930,6 +23941,7 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Asia Warehouse"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -23960,6 +23972,7 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Europe Warehouse"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -155758,6 +155771,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Security"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -156658,6 +156672,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Security"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -184394,6 +184409,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -185161,6 +185177,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -186812,6 +186829,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -187574,6 +187592,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -189225,6 +189244,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -189987,6 +190007,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -192137,6 +192158,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -193788,6 +193810,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -194550,6 +194573,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -196201,6 +196225,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -196963,6 +196988,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -198614,6 +198640,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -199376,6 +199403,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -201027,6 +201055,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -201789,6 +201818,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -204071,6 +204101,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -204833,6 +204864,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -206484,6 +206516,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Auto Loan Account"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -207246,6 +207279,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Winter sale"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -236498,6 +236532,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-GBP"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -236528,6 +236563,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-PLN"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -236643,6 +236679,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-C our wares"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -236673,6 +236710,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Be stocked"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -237653,6 +237691,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-GBP"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -237683,6 +237722,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-PLN"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -237798,6 +237838,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-C our wares"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -237828,6 +237869,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Be stocked"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"
@ -242789,6 +242831,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Full Access"
>
<div
class="MultiAutocompleteSelectField-disabledChipInner-id"
@ -242820,6 +242863,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
</div>
<div
class="MultiAutocompleteSelectField-chip-id"
id="selected-option-Customer Support"
>
<div
class="MultiAutocompleteSelectField-chipInner-id"