test

marmelab · Mar 9, 2020 · bb5f7f8 · bb5f7f8
1 parent 7ede23d
commit bb5f7f8
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 3 deletions.
diff --git a/cypress/integration/edit.js b/cypress/integration/edit.js
@@ -68,6 +68,41 @@ describe('Edit Page', () => {
                 expect(el).to.have.value(date)
             );
         });
+
+        it('should change reference list correctly when changing filter', () => {
+            const EditPostTagsPage = editPageFactory('/#/posts/13');
+            EditPostTagsPage.navigate();
+            EditPostTagsPage.gotoTab(3);
+
+            // Music is selected by default
+            cy.get(
+                EditPostTagsPage.elements.input('tags', 'reference-array-input')
+            )
+                .get(`div[role=button]`)
+                .contains('Music')
+                .should('exist');
+
+            EditPostTagsPage.clickInput('change-filter');
+
+            // Music should not be selected anymore after filter reset
+            cy.get(
+                EditPostTagsPage.elements.input('tags', 'reference-array-input')
+            )
+                .get(`div[role=button]`)
+                .contains('Music')
+                .should('not.exist');
+
+            EditPostTagsPage.clickInput('tags', 'reference-array-input');
+
+            // Music should not be visible in the list after filter reset
+            cy.get('div[role=listbox]')
+                .contains('Music')
+                .should('not.exist');
+
+            cy.get('div[role=listbox]')
+                .contains('Photo')
+                .should('exist');
+        });
     });
 
     it('should fill form correctly even when switching from one form type to another', () => {

diff --git a/cypress/support/EditPage.js b/cypress/support/EditPage.js
@@ -6,6 +6,9 @@ export default url => ({
             if (type === 'rich-text-input') {
                 return `.ra-input-${name} .ql-editor`;
             }
+            if (type === 'reference-array-input') {
+                return `.ra-input div[role=combobox]`;
+            }
             return `.edit-page [name='${name}']`;
         },
         inputs: `.ra-input`,
@@ -37,8 +40,8 @@ export default url => ({
         }
     },
 
-    clickInput(name) {
-        cy.get(this.elements.input(name)).click();
+    clickInput(name, type = 'input') {
+        cy.get(this.elements.input(name, type)).click();
     },
 
     gotoTab(index) {

diff --git a/examples/simple/src/posts/TagReferenceInput.js b/examples/simple/src/posts/TagReferenceInput.js
@@ -33,7 +33,7 @@ const TagReferenceInput = ({ ...props }) => {
                 <AutocompleteArrayInput />
             </ReferenceArrayInput>
             <Button
-                data-testid="button-add-filter"
+                name="change-filter"
                 className={classes.button}
                 onClick={handleAddFilter}
             >