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"]', warningDialog: '[data-test-id="warning-dialog"]',
pageHeader: "[data-test-id='page-header']", pageHeader: "[data-test-id='page-header']",
multiAutocomplete: {
selectedOptions: '[id*="selected-option-"]',
},
}; };
export const selectorWithDataValue = value => `[data-value="${value}"]`; 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.fillAutocompleteSelect(selectSelector, option).then(returnedOption => {
cy.get(SHARED_ELEMENTS.header) cy.get(SHARED_ELEMENTS.header)
.first() .first()
.click({ force: true }); .click({ force: true })
.get(SHARED_ELEMENTS.multiAutocomplete.selectedOptions)
.should("be.visible");
return cy.wrap(returnedOption); return cy.wrap(returnedOption);
}); });
}); });

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

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