@reltio/components 1.4.2070 → 1.4.2072

package/PivotingTooltip/PivotingTooltip.test.js

@@ -46,14 +46,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import Tooltip from '@mui/material/Tooltip';
-import { PivotingTooltip } from './PivotingTooltip';
-import { PivotingUriLink } from '../PivotingUriLink';
+import { getFilteredEntities, getTotals } from '@reltio/mdm-sdk';
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { PivotingAttributeContext } from '../contexts/PivotingAttributeContext';
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn() })); });
+import { PivotingTooltip } from './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',
@@ -83,17 +83,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',
@@ -103,183 +132,318 @@ var defaultPivotingAttributeContextValue = [
         uri: 'configuration/entityTypes/HCP/attributes/Phone3'
     }
 ];
-var setUp = function (props, pivotingAttributeContextValue) {
-    if (pivotingAttributeContextValue === void 0) { pivotingAttributeContextValue = defaultPivotingAttributeContextValue; }
-    return mount(React.createElement(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 = userEvent.setup();
+    render(React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
         React.createElement(PivotingAttributeContext.Provider, { value: pivotingAttributeContextValue },
             React.createElement(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);
-        expect(tooltip.length).toBe(1);
-        var title = tooltip.prop('title');
-        expect(title.props.attributeType).toEqual(attributeType);
-        expect(tooltip.prop('disableInteractive')).toBe(false);
+        getFilteredEntities.mockImplementation(getEntitites);
+        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).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*/, screen.findByText('8-800-555-35-35')];
+                case 1:
+                    tooltip = _a.sent();
+                    expect(getTotals).toHaveBeenCalledTimes(0);
+                    expect(getFilteredEntities).toHaveBeenCalledTimes(0);
+                    return [4 /*yield*/, user.hover(tooltip)];
+                case 2:
+                    _a.sent();
+                    popper = screen.getByRole('tooltip');
+                    within(popper).getByText('Pivot profiles');
+                    within(popper).getByText('7 items');
+                    within(popper).getByText('HCOs');
+                    within(popper).getByText('hco entity label 1');
+                    within(popper).getByText('hco entity label 2');
+                    within(popper).getByText('hco entity label 3');
+                    within(popper).getByText('hco entity label 4');
+                    within(popper).getByText('hco entity label 5');
+                    within(popper).getByText('hco entity label 6');
+                    within(popper).getByText('hco entity label 7');
+                    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(getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(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);
-        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*/, screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(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).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*/, screen.findByText('8-800-555-35-35')];
+                case 1:
+                    tooltip = _a.sent();
+                    expect(getTotals).toHaveBeenCalledTimes(0);
+                    expect(getFilteredEntities).toHaveBeenCalledTimes(0);
+                    return [4 /*yield*/, user.hover(tooltip)];
+                case 2:
+                    _a.sent();
+                    popper = screen.getByRole('tooltip');
+                    within(popper).getByText('Pivot profiles');
+                    within(popper).getByText('2 items');
+                    within(popper).getByText('hcp entity label 1');
+                    within(popper).getByText('hcp entity label 2');
+                    expect(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(getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(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);
-        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*/, screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    expect(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).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);
-        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);
-            act(function () {
-                component.find(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*/, screen.findByText('8-800-555-35-35')];
+                case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 2:
+                    _c.sent();
+                    popper = screen.getByRole('tooltip');
+                    within(popper).getByText('Pivot profiles');
+                    within(popper).getByText('2 items');
+                    within(popper).getByText('hcp entity label 1');
+                    within(popper).getByText('hcp entity label 2');
+                    expect(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(getFilteredEntities).toHaveBeenCalledWith(params);
+                    expect(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);
-            act(function () {
-                component.find(PivotingUriLink).prop('onClick')();
-            });
-            generatedValue = [{ Phone3: ['8-800-555-35-35'] }];
-            expect(openPivotingPerspective).toHaveBeenCalledWith({
-                value: generatedValue,
-                attributeType: attributes[0]
-            });
-            expect(component.find(PivotingUriLink).prop('value')).toEqual(generatedValue);
-            expect(component.find(PivotingUriLink).prop('attributeType')).toEqual(attributes[0]);
-            return [2 /*return*/];
+            switch (_a.label) {
+                case 0:
+                    setUp({ pivotingAttributeContextValue: null });
+                    return [4 /*yield*/, 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*/, 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*/, 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*/, 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(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*/];
+            }
         });
     }); });
 });