@reltio/components 1.4.2070 → 1.4.2071

package/cjs/PivotingTooltip/PivotingTooltip.test.js

@@ -51,14 +51,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var test_utils_1 = require("react-dom/test-utils");
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var PivotingTooltip_1 = require("./PivotingTooltip");
-var PivotingUriLink_1 = require("../PivotingUriLink");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var PivotingAttributeContext_1 = require("../contexts/PivotingAttributeContext");
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn() })); });
+var PivotingTooltip_1 = require("./PivotingTooltip");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn(), getTotals: jest.fn() })); });
+var mdmActions = { openPivotingPerspective: jest.fn() };
 var attributes = [
     {
         name: 'Phone',
@@ -88,17 +88,46 @@ var attributes = [
 var metadata = {
     entityTypes: [
         {
-            attributes: attributes,
             uri: 'configuration/entityTypes/HCP',
+            attributes: attributes,
             analyticsAttributes: []
+        },
+        {
+            uri: 'configuration/entityTypes/HCO',
+            attributes: []
         }
     ]
 };
-var uiPath = 'https://reltio.com/nui';
-var openPivotingPerspective = jest.fn();
+var defaultMdmValues = {
+    metadata: metadata,
+    uiPath: 'https://reltio.com/nui',
+    globalFilter: {
+        query: "((equals(type,'configuration/entityTypes/HCP') and (range(updatedTime,1622458333452,1622717533451) or range(updatedTime,1622458333452,1622717533451))))",
+        savedSearches: [],
+        savedSearchesUris: []
+    },
+    entity: { uri: 'entityUri', type: 'configuration/entityTypes/HCP' }
+};
+var defaultProps = {
+    value: {
+        value: '8-800-555-35-35',
+        ov: true,
+        type: 'String',
+        lookupCode: '8-800-555-35-35',
+        lookupRawValue: '8-800-555-35-35',
+        uri: 'configuration/entityTypes/HCP/attributes/Phone'
+    },
+    attributeType: {
+        name: 'Phone',
+        uri: 'configuration/entityTypes/HCP/attributes/Phone',
+        type: 'String'
+    },
+    children: '8-800-555-35-35'
+};
 var defaultPivotingAttributeContextValue = [
     {
-        uri: 'configuration/entityTypes/HCP/attributes/Phone'
+        uri: 'configuration/entityTypes/HCP/attributes/Phone',
+        popup: { label: 'HCOs', entityType: 'configuration/entityTypes/HCO' }
     },
     {
         uri: 'configuration/entityTypes/HCP/attributes/Phone2',
@@ -108,183 +137,318 @@ var defaultPivotingAttributeContextValue = [
         uri: 'configuration/entityTypes/HCP/attributes/Phone3'
     }
 ];
-var setUp = function (props, pivotingAttributeContextValue) {
-    if (pivotingAttributeContextValue === void 0) { pivotingAttributeContextValue = defaultPivotingAttributeContextValue; }
-    return (0, enzyme_1.mount)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata, uiPath: uiPath }, actions: { openPivotingPerspective: openPivotingPerspective } },
+var setUp = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.pivotingAttributeContextValue, pivotingAttributeContextValue = _e === void 0 ? defaultPivotingAttributeContextValue : _e;
+    var user = user_event_1.default.setup();
+    (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions },
         react_1.default.createElement(PivotingAttributeContext_1.PivotingAttributeContext.Provider, { value: pivotingAttributeContextValue },
             react_1.default.createElement(PivotingTooltip_1.PivotingTooltip, __assign({}, props)))));
+    return { user: user };
 };
-describe('PivotingTooltip tests', function () {
-    var values = {
-        value: '8-800-555-35-35',
-        ov: true,
-        type: 'String',
-        lookupCode: '8-800-555-35-35',
-        lookupRawValue: '8-800-555-35-35'
-    };
-    it('should render Tooltip for simple attributes', function () {
-        var value = __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone' });
-        var attributeType = {
-            name: 'Phone',
-            uri: 'configuration/entityTypes/HCP/attributes/Phone',
-            type: 'String'
+describe('Pivoting tooltip test', function () {
+    beforeEach(function () {
+        var allEntities = [
+            { uri: 'entities/01Qi9Bv', type: 'configuration/entityTypes/HCP', label: 'hcp entity label 1' },
+            { uri: 'entities/ba7sAl2', type: 'configuration/entityTypes/HCP', label: 'hcp entity label 2' },
+            { uri: 'entities/Js28AmP', type: 'configuration/entityTypes/HCO', label: 'hco entity label 1' },
+            { uri: 'entities/NsmA10S', type: 'configuration/entityTypes/HCO', label: 'hco entity label 2' },
+            { uri: 'entities/Lk2Iq09', type: 'configuration/entityTypes/HCO', label: 'hco entity label 3' },
+            { uri: 'entities/jsAm291', type: 'configuration/entityTypes/HCO', label: 'hco entity label 4' },
+            { uri: 'entities/Nsb30A3', type: 'configuration/entityTypes/HCO', label: 'hco entity label 5' },
+            { uri: 'entities/Bsn13La', type: 'configuration/entityTypes/HCO', label: 'hco entity label 6' },
+            { uri: 'entities/JamdS14', type: 'configuration/entityTypes/HCO', label: 'hco entity label 7' }
+        ];
+        var getEntitites = function (_a) {
+            var values = _a.filters[0].values;
+            var entityType = values[0];
+            return allEntities.filter(function (_a) {
+                var type = _a.type;
+                return type === entityType;
+            });
         };
-        var props = { value: value, attributeType: attributeType, children: '8-800-555-35-35' };
-        var component = setUp(props);
-        var tooltip = component.find(Tooltip_1.default);
-        expect(tooltip.length).toBe(1);
-        var title = tooltip.prop('title');
-        expect(title.props.attributeType).toEqual(attributeType);
-        expect(tooltip.prop('disableInteractive')).toBe(false);
+        mdm_sdk_1.getFilteredEntities.mockImplementation(getEntitites);
+        mdm_sdk_1.getTotals.mockImplementation(function (params) { return ({ total: getEntitites(params).length }); });
     });
-    it('should not render Tooltip for simple attributes', function () {
-        var value = __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone123' });
-        var attributeType = {
-            name: 'Phone',
-            uri: 'configuration/entityTypes/HCP/attributes/Phone123',
-            type: 'String'
-        };
-        var props = { value: value, attributeType: attributeType, children: '8-800-555-35-35' };
-        var component = setUp(props);
-        expect(component.find(Tooltip_1.default).length).toBe(0);
+    afterEach(function () {
+        jest.clearAllMocks();
     });
-    it('should render Tooltip for nested attributes', function () {
-        var value = {
-            uri: 'configuration/entityTypes/HCP/attributes/Phone2',
-            ov: true,
-            value: {
-                Phone3: [
-                    __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3' })
-                ]
+    it('should render tooltip for simple attributes correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, tooltip, popper, params;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1:
+                    tooltip = _a.sent();
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledTimes(0);
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledTimes(0);
+                    return [4 /*yield*/, user.hover(tooltip)];
+                case 2:
+                    _a.sent();
+                    popper = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(popper).getByText('Pivot profiles');
+                    (0, react_2.within)(popper).getByText('7 items');
+                    (0, react_2.within)(popper).getByText('HCOs');
+                    (0, react_2.within)(popper).getByText('hco entity label 1');
+                    (0, react_2.within)(popper).getByText('hco entity label 2');
+                    (0, react_2.within)(popper).getByText('hco entity label 3');
+                    (0, react_2.within)(popper).getByText('hco entity label 4');
+                    (0, react_2.within)(popper).getByText('hco entity label 5');
+                    (0, react_2.within)(popper).getByText('hco entity label 6');
+                    (0, react_2.within)(popper).getByText('hco entity label 7');
+                    (0, react_2.within)(popper).getByText('See all');
+                    params = {
+                        filters: [
+                            { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCO'] },
+                            { fieldName: 'attributes.Phone', filter: 'equals', values: ['8-800-555-35-35'] }
+                        ],
+                        options: { globalFilter: defaultMdmValues.globalFilter.query, max: 6, searchOptions: '', sort: 'label' }
+                    };
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledWith(params);
+                    return [2 /*return*/];
             }
-        };
-        var props = { value: value, attributeType: attributes[0], children: '8-800-555-35-35' };
-        var component = setUp(props);
-        var tooltip = component.find(Tooltip_1.default);
-        expect(tooltip.length).toBe(1);
-        var title = tooltip.prop('title');
-        expect(title.props.attributeType).toEqual(attributes[0]);
-    });
-    it('should not render Tooltip for nested attributes', function () {
-        var value = {
-            uri: 'configuration/entityTypes/HCP/attributes/Phone2555',
-            ov: true,
-            value: {
-                Phone3: [
-                    __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3' })
-                ]
+        });
+    }); });
+    it('should not render tooltip for simple attributes if it is not pivoting attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var value, attributeType, props, user, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    value = __assign(__assign({}, defaultProps.value), { uri: 'configuration/entityTypes/HCP/attributes/Phone123' });
+                    attributeType = __assign(__assign({}, defaultProps.attributeType), { uri: 'configuration/entityTypes/HCP/attributes/Phone123', name: 'Phone123' });
+                    props = __assign(__assign({}, defaultProps), { value: value, attributeType: attributeType });
+                    user = setUp({ props: props }).user;
+                    _b = (_a = user).hover;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [2 /*return*/];
             }
-        };
-        var attributeType = {
-            name: 'Phone2',
-            uri: 'configuration/entityTypes/HCP/attributes/Phone2555',
-            type: 'Nested',
-            attributes: [
-                {
-                    uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3',
-                    name: 'Phone3',
-                    type: 'String'
-                }
-            ]
-        };
-        var props = { value: value, attributeType: attributeType, children: '8-800-555-35-35' };
-        var component = setUp(props);
-        expect(component.find(Tooltip_1.default).length).toBe(0);
-    });
-    it('should render Tooltip for nested attributes if children do not exist in config of pivoting', function () {
-        var value = {
-            uri: 'configuration/entityTypes/HCP/attributes/Phone3',
-            ov: true,
-            value: {
-                Phone4: [
-                    __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone3/attributes/Phone4' })
-                ]
+        });
+    }); });
+    it('should render tooltip for nested attributes correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var value, props, user, tooltip, popper, params;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    value = {
+                        uri: 'configuration/entityTypes/HCP/attributes/Phone2',
+                        ov: true,
+                        value: {
+                            Phone3: [
+                                {
+                                    value: '8-800-555-35-35',
+                                    ov: true,
+                                    type: 'String',
+                                    lookupCode: '8-800-555-35-35',
+                                    lookupRawValue: '8-800-555-35-35',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3'
+                                }
+                            ]
+                        }
+                    };
+                    props = __assign(__assign({}, defaultProps), { value: value, attributeType: attributes[0] });
+                    user = setUp({ props: props }).user;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1:
+                    tooltip = _a.sent();
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledTimes(0);
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledTimes(0);
+                    return [4 /*yield*/, user.hover(tooltip)];
+                case 2:
+                    _a.sent();
+                    popper = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(popper).getByText('Pivot profiles');
+                    (0, react_2.within)(popper).getByText('2 items');
+                    (0, react_2.within)(popper).getByText('hcp entity label 1');
+                    (0, react_2.within)(popper).getByText('hcp entity label 2');
+                    expect((0, react_2.within)(popper).queryByText('See all')).not.toBeInTheDocument();
+                    params = {
+                        filters: [
+                            { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP'] },
+                            { fieldName: 'attributes.Phone2.Phone3', filter: 'equals', values: ['8-800-555-35-35'] }
+                        ],
+                        options: { globalFilter: defaultMdmValues.globalFilter.query, max: 6, searchOptions: '', sort: 'label' }
+                    };
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledWith(params);
+                    return [2 /*return*/];
             }
-        };
-        var props = { value: value, attributeType: attributes[1], children: '8-800-555-35-35' };
-        var component = setUp(props);
-        var tooltip = component.find(Tooltip_1.default);
-        expect(tooltip.length).toBe(1);
-        var title = tooltip.prop('title');
-        expect(title.props.attributeType).toEqual(attributes[1]);
-    });
-    it('should render PivotingTooltipContent with correct config', function () {
-        var _a;
-        var value = {
-            uri: 'configuration/entityTypes/HCP/attributes/Phone2',
-            ov: true,
-            value: {
-                Phone3: [
-                    __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3' })
-                ]
+        });
+    }); });
+    it('should not render tooltip for nested attributes if it is not pivoting attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var value, attributeType, props, user, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    value = {
+                        uri: 'configuration/entityTypes/HCP/attributes/Phone4',
+                        ov: true,
+                        value: {
+                            Phone3: [
+                                {
+                                    value: '8-800-555-35-35',
+                                    ov: true,
+                                    type: 'String',
+                                    lookupCode: '8-800-555-35-35',
+                                    lookupRawValue: '8-800-555-35-35',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3'
+                                }
+                            ]
+                        }
+                    };
+                    attributeType = __assign(__assign({}, attributes[0]), { name: 'Phone4', uri: 'configuration/entityTypes/HCP/attributes/Phone4' });
+                    props = __assign(__assign({}, defaultProps), { value: value, attributeType: attributeType });
+                    user = setUp({ props: props }).user;
+                    _b = (_a = user).hover;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [2 /*return*/];
             }
-        };
-        var pivotingAttributeContextValue = [
-            __assign(__assign({}, defaultPivotingAttributeContextValue[1]), { popup: {
-                    label: 'HCOs',
-                    entityType: 'HCO'
-                } })
-        ];
-        var props = { value: value, attributeType: attributes[0], children: '8-800-555-35-35' };
-        var component = setUp(props, pivotingAttributeContextValue);
-        var title = component.find(Tooltip_1.default).prop('title');
-        expect(title.props.label).toEqual((_a = pivotingAttributeContextValue[0].popup) === null || _a === void 0 ? void 0 : _a.label);
-    });
-    it('should not fail if pivotingAttributesList is null', function () {
-        var value = __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone' });
-        var attributeType = {
-            name: 'Phone',
-            uri: 'configuration/entityTypes/HCP/attributes/Phone',
-            type: 'String'
-        };
-        var props = { value: value, attributeType: attributeType, children: '8-800-555-35-35' };
-        var component = setUp(props, null);
-        var tooltip = component.find(Tooltip_1.default);
-        expect(tooltip.length).toBe(0);
-    });
-    it('should open pivoting perspective on click for simple attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var value, attributeType, props, component;
-        return __generator(this, function (_a) {
-            value = __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone' });
-            attributeType = {
-                name: 'Phone',
-                uri: 'configuration/entityTypes/HCP/attributes/Phone',
-                type: 'String'
-            };
-            props = { value: value, attributeType: attributeType, children: '8-800-555-35-35' };
-            component = setUp(props);
-            (0, test_utils_1.act)(function () {
-                component.find(PivotingUriLink_1.PivotingUriLink).prop('onClick')();
-            });
-            expect(openPivotingPerspective).toHaveBeenCalledWith({ value: [{ Phone: '8-800-555-35-35' }], attributeType: attributeType });
-            return [2 /*return*/];
         });
     }); });
-    it('should open pivoting perspective on click for nested attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var value, props, component, generatedValue;
+    it('should render tooltip for nested attributes if children do not exist in config of pivoting', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var value, props, user, _a, _b, popper, params;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    value = {
+                        uri: 'configuration/entityTypes/HCP/attributes/Phone3',
+                        ov: true,
+                        value: {
+                            Phone4: [
+                                {
+                                    value: '8-800-555-35-35',
+                                    ov: true,
+                                    type: 'String',
+                                    lookupCode: '8-800-555-35-35',
+                                    lookupRawValue: '8-800-555-35-35',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Phone3/attributes/Phone4'
+                                }
+                            ]
+                        }
+                    };
+                    props = __assign(__assign({}, defaultProps), { value: value, attributeType: attributes[1] });
+                    user = setUp({ props: props }).user;
+                    _b = (_a = user).hover;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    popper = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(popper).getByText('Pivot profiles');
+                    (0, react_2.within)(popper).getByText('2 items');
+                    (0, react_2.within)(popper).getByText('hcp entity label 1');
+                    (0, react_2.within)(popper).getByText('hcp entity label 2');
+                    expect((0, react_2.within)(popper).queryByText('See all')).not.toBeInTheDocument();
+                    params = {
+                        filters: [
+                            { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP'] },
+                            { fieldName: 'attributes.Phone3.Phone4', filter: 'equals', values: ['8-800-555-35-35'] }
+                        ],
+                        options: { globalFilter: defaultMdmValues.globalFilter.query, max: 6, searchOptions: '', sort: 'label' }
+                    };
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledWith(params);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not fail if pivoting attributes list is null', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            value = {
-                uri: 'configuration/entityTypes/HCP/attributes/Phone2',
-                ov: true,
-                value: {
-                    Phone3: [
-                        __assign(__assign({}, values), { uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3' })
-                    ]
-                }
-            };
-            props = { value: value, attributeType: attributes[0], children: '8-800-555-35-35' };
-            component = setUp(props);
-            (0, test_utils_1.act)(function () {
-                component.find(PivotingUriLink_1.PivotingUriLink).prop('onClick')();
-            });
-            generatedValue = [{ Phone3: ['8-800-555-35-35'] }];
-            expect(openPivotingPerspective).toHaveBeenCalledWith({
-                value: generatedValue,
-                attributeType: attributes[0]
-            });
-            expect(component.find(PivotingUriLink_1.PivotingUriLink).prop('value')).toEqual(generatedValue);
-            expect(component.find(PivotingUriLink_1.PivotingUriLink).prop('attributeType')).toEqual(attributes[0]);
-            return [2 /*return*/];
+            switch (_a.label) {
+                case 0:
+                    setUp({ pivotingAttributeContextValue: null });
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should open pivoting perspective on simple attribute click correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    user = setUp().user;
+                    _b = (_a = user).click;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(mdmActions.openPivotingPerspective).toHaveBeenCalledWith({
+                        attributeType: defaultProps.attributeType,
+                        value: [{ Phone: '8-800-555-35-35' }]
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should open pivoting perspective on nested attribute click correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var value, attributeType, props, user, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    value = {
+                        uri: 'configuration/entityTypes/HCP/attributes/Phone2',
+                        ov: true,
+                        value: {
+                            Phone3: [
+                                {
+                                    value: '8-800-555-35-35',
+                                    ov: true,
+                                    type: 'String',
+                                    lookupCode: '8-800-555-35-35',
+                                    lookupRawValue: '8-800-555-35-35',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Phone2/attributes/Phone3'
+                                }
+                            ]
+                        }
+                    };
+                    attributeType = attributes[0];
+                    props = __assign(__assign({}, defaultProps), { value: value, attributeType: attributeType });
+                    user = setUp({ props: props }).user;
+                    _b = (_a = user).click;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(mdmActions.openPivotingPerspective).toHaveBeenCalledWith({
+                        attributeType: attributeType,
+                        value: [{ Phone3: ['8-800-555-35-35'] }]
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should open pivoting perspective on see all button click correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    user = setUp().user;
+                    _b = (_a = user).hover;
+                    return [4 /*yield*/, react_2.screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('See all'))];
+                case 3:
+                    _c.sent();
+                    expect(mdmActions.openPivotingPerspective).toHaveBeenCalledWith({
+                        attributeType: defaultProps.attributeType,
+                        value: [{ Phone: '8-800-555-35-35' }]
+                    });
+                    return [2 /*return*/];
+            }
         });
     }); });
 });