@reltio/components 1.4.2045 → 1.4.2047

package/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -59,7 +59,7 @@ import { TestStylesProvider } from '../test-utils/TestStylesProvider';
 import { theme } from '../constants';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 jest.unmock('@mui/styles');
-describe('AttributesFiltersBuilder tests', function () {
+describe('Attributes filters builder tests', function () {
     var onChangeSpy = jest.fn();
     var filters = [
         {
@@ -176,13 +176,7 @@ describe('AttributesFiltersBuilder tests', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filters = [
-                        {
-                            fieldName: 'attributes.Int',
-                            filter: 'equals',
-                            values: [['1']]
-                        }
-                    ];
+                    filters = [{ fieldName: 'attributes.Int', filter: 'equals', values: [['1']] }];
                     user = setUp({ filters: filters }).user;
                     rows = screen.getAllByTestId('query-builder-row');
                     selector = within(rows[0]).getByTestId('filter-selector');
@@ -192,13 +186,7 @@ describe('AttributesFiltersBuilder tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('option', { name: 'Not' }))];
                 case 2:
                     _a.sent();
-                    expect(onChangeSpy).toHaveBeenCalledWith([
-                        {
-                            fieldName: 'attributes.Int',
-                            filter: 'not equals',
-                            values: []
-                        }
-                    ]);
+                    expect(onChangeSpy).toHaveBeenCalledWith([{ fieldName: 'attributes.Int', filter: 'not equals', values: [] }]);
                     return [2 /*return*/];
             }
         });
@@ -208,13 +196,7 @@ describe('AttributesFiltersBuilder tests', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filters = [
-                        {
-                            fieldName: 'attributes.Int',
-                            filter: 'equals',
-                            values: [['1']]
-                        }
-                    ];
+                    filters = [{ fieldName: 'attributes.Int', filter: 'equals', values: [['1']] }];
                     user = setUp({ filters: filters }).user;
                     rows = screen.getAllByTestId('query-builder-row');
                     editor = within(rows[0]).getByTestId('filter-value-editor');
@@ -226,11 +208,48 @@ describe('AttributesFiltersBuilder tests', function () {
                 case 2:
                     _a.sent();
                     expect(onChangeSpy).toHaveBeenCalledWith([
-                        {
-                            fieldName: 'attributes.Int',
-                            filter: 'equals',
-                            values: [['1', '12']]
-                        }
+                        { fieldName: 'attributes.Int', filter: 'equals', values: [['1', '12']] }
+                    ]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange with correct fieldName for simple attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ filters: [] }).user;
+                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Int' }))];
+                case 2:
+                    _a.sent();
+                    expect(onChangeSpy).toHaveBeenCalledWith([
+                        { fieldName: 'attributes.Int', filter: null, operator: 'and', values: [] }
+                    ]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange with correct fieldName for existing simple attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, attributeSelectors;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({
+                        filters: [{ fieldName: 'attributes.Int', filter: 'equals', values: [['99']], operator: 'or' }]
+                    }).user;
+                    attributeSelectors = screen.getAllByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelectors[0]).getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Country Code' }))];
+                case 2:
+                    _a.sent();
+                    expect(onChangeSpy).toHaveBeenCalledWith([
+                        { fieldName: 'attributes.CountryCode', filter: 'equals', operator: 'or', values: [] }
                     ]);
                     return [2 /*return*/];
             }
@@ -249,12 +268,7 @@ describe('AttributesFiltersBuilder tests', function () {
                 case 2:
                     _a.sent();
                     expect(onChangeSpy).toHaveBeenCalledWith([
-                        {
-                            fieldName: 'attributes.NestedTest.NestedTestL2.DateL2',
-                            filter: null,
-                            operator: 'and',
-                            values: []
-                        }
+                        { fieldName: 'attributes.NestedTest.NestedTestL2.DateL2', filter: null, operator: 'and', values: [] }
                     ]);
                     return [2 /*return*/];
             }
@@ -273,12 +287,7 @@ describe('AttributesFiltersBuilder tests', function () {
                 case 2:
                     _a.sent();
                     expect(onChangeSpy).toHaveBeenCalledWith([
-                        {
-                            fieldName: 'attributes.Affiliations.AffiliatedType',
-                            filter: null,
-                            operator: 'and',
-                            values: []
-                        }
+                        { fieldName: 'attributes.Affiliations.AffiliatedType', filter: null, operator: 'and', values: [] }
                     ]);
                     return [2 /*return*/];
             }
@@ -305,6 +314,28 @@ describe('AttributesFiltersBuilder tests', function () {
             }
         });
     }); });
+    it('should render row actions correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rows;
+        return __generator(this, function (_a) {
+            setUp();
+            rows = screen.getAllByTestId('query-builder-row');
+            expect(rows).toHaveLength(4);
+            within(rows[0]).getByLabelText('Add');
+            within(rows[0]).getByLabelText('Duplicate');
+            within(rows[0]).getByLabelText('Delete');
+            expect(within(rows[0]).getByTestId('query-builder-row-actions')).not.toHaveClass('hidden');
+            within(rows[1]).getByLabelText('Add');
+            within(rows[1]).getByLabelText('Duplicate');
+            within(rows[1]).getByLabelText('Delete');
+            expect(within(rows[1]).getByTestId('query-builder-row-actions')).not.toHaveClass('hidden');
+            within(rows[2]).getByLabelText('Add');
+            within(rows[2]).getByLabelText('Delete');
+            expect(within(rows[2]).queryByLabelText('Duplicate')).not.toBeInTheDocument();
+            expect(within(rows[2]).getByTestId('query-builder-row-actions')).not.toHaveClass('hidden');
+            expect(within(rows[3]).getByTestId('query-builder-row-actions')).toHaveClass('hidden');
+            return [2 /*return*/];
+        });
+    }); });
     it('should call onChange prop after add new row', function () { return __awaiter(void 0, void 0, void 0, function () {
         var emptyFilter, user;
         return __generator(this, function (_a) {
@@ -352,17 +383,8 @@ describe('AttributesFiltersBuilder tests', function () {
         var CustomValuesEditor = function () { return React.createElement("div", { "data-reltio-id": "custom-values-editor" }); };
         var CustomFilterSelector = function () { return React.createElement("div", { "data-reltio-id": "custom-filter-selector" }); };
         var props = {
-            filters: [
-                {
-                    fieldName: 'attributes.Int',
-                    filter: 'equals',
-                    values: [['12345']]
-                }
-            ],
-            components: {
-                ValuesEditor: CustomValuesEditor,
-                FilterSelector: CustomFilterSelector
-            }
+            filters: [{ fieldName: 'attributes.Int', filter: 'equals', values: [['12345']] }],
+            components: { ValuesEditor: CustomValuesEditor, FilterSelector: CustomFilterSelector }
         };
         setUp(props);
         var editors = screen.getAllByTestId('custom-values-editor');