@gravity-ui/page-constructor 2.17.0 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.18.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.18.0) (2023-05-15)
+
+
+### Features
+
+* **HubspotForm:** add ref forwarding for HS form ([#332](https://github.com/gravity-ui/page-constructor/issues/332)) ([37b75d3](https://github.com/gravity-ui/page-constructor/commit/37b75d31c09e8dc061d718828bcccc72b037e106))
+
+
+### Bug Fixes
+
+* config gulpfile for tests ([a5cb59d](https://github.com/gravity-ui/page-constructor/commit/a5cb59d0bc1e3a8c09babed0c5ace9a2253416c3))
+
 ## [2.17.0](https://github.com/gravity-ui/page-constructor/compare/v2.16.0...v2.17.0) (2023-05-12)
 
 

package/build/cjs/components/Anchor/Anchor.d.ts

@@ -2,7 +2,7 @@ import { ClassNameProps } from '../../models';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps {
     id: string;
-    dataQa?: string;
+    qa?: string;
 }
-declare const Anchor: ({ id, className, dataQa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/cjs/components/Anchor/Anchor.js

@@ -7,5 +7,5 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('Anchor');
 exports.qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, dataQa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": dataQa || exports.qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
 exports.default = Anchor;

package/build/cjs/grid/Col/Col.d.ts

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/internal-typings/global.d.ts

@@ -10,22 +10,17 @@ declare module '*.svg' {
     export default path;
 }
 
-interface CreateFormProps {
-    portalId: string;
-    formId: string;
-    region?: string;
-    target?: string;
-    cssClass?: string;
-    formInstanceId?: string;
-}
+declare module '*.md';
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
+declare namespace Hbspt {
+    interface CreateFormProps {
+        portalId: string;
+        formId: string;
+        region?: string;
+        target?: string;
+        cssClass?: string;
+        formInstanceId?: string;
+    }
 }
 
 declare namespace Ymaps {
@@ -63,4 +58,11 @@ declare namespace Ymaps {
     }
 }
 
-declare module '*.md';
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: Hbspt.CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
+}

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
+declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -4,10 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript"));
-const HubspotFormContainer = (props) => {
+const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = (0, react_1.useRef)(null);
     const hsContainerRef = (0, react_1.useRef)();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    (0, react_1.useImperativeHandle)(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -45,5 +47,6 @@ const HubspotFormContainer = (props) => {
         };
     });
     return react_1.default.createElement("div", { className: className, id: containerId, ref: containerRef });
-};
+});
+HubspotFormContainer.displayName = 'HubspotFormContainer';
 exports.default = HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
-declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
+declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -10,7 +10,7 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
-const HubspotForm = (props) => {
+const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -25,10 +25,10 @@ const HubspotForm = (props) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (e) => {
+        onSubmit: (event) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,
@@ -42,6 +42,7 @@ const HubspotForm = (props) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
-};
+    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
+});
+HubspotForm.displayName = 'HubspotForm';
 exports.default = HubspotForm;

package/build/esm/components/Anchor/Anchor.d.ts

@@ -3,7 +3,7 @@ import './Anchor.css';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps {
     id: string;
-    dataQa?: string;
+    qa?: string;
 }
-declare const Anchor: ({ id, className, dataQa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/esm/components/Anchor/Anchor.js

@@ -4,5 +4,5 @@ import { block } from '../../utils';
 import './Anchor.css';
 const b = block('Anchor');
 export const qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, dataQa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": dataQa || qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
 export default Anchor;

package/build/esm/grid/Col/Col.d.ts

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/internal-typings/global.d.ts

@@ -10,22 +10,17 @@ declare module '*.svg' {
     export default path;
 }
 
-interface CreateFormProps {
-    portalId: string;
-    formId: string;
-    region?: string;
-    target?: string;
-    cssClass?: string;
-    formInstanceId?: string;
-}
+declare module '*.md';
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
+declare namespace Hbspt {
+    interface CreateFormProps {
+        portalId: string;
+        formId: string;
+        region?: string;
+        target?: string;
+        cssClass?: string;
+        formInstanceId?: string;
+    }
 }
 
 declare namespace Ymaps {
@@ -63,4 +58,11 @@ declare namespace Ymaps {
     }
 }
 
-declare module '*.md';
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: Hbspt.CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
+}

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
+declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,10 +1,12 @@
-import React, { useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useMount } from '../../hooks';
 import loadHubspotScript from './loadHubspotScript';
-const HubspotFormContainer = (props) => {
+const HubspotFormContainer = forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = useRef(null);
     const hsContainerRef = useRef();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -42,5 +44,6 @@ const HubspotFormContainer = (props) => {
         };
     });
     return React.createElement("div", { className: className, id: containerId, ref: containerRef });
-};
+});
+HubspotFormContainer.displayName = 'HubspotFormContainer';
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
 import './HubspotForm.css';
-declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
+declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

package/build/esm/sub-blocks/HubspotForm/index.js

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { forwardRef, useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
@@ -8,7 +8,7 @@ import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
-const HubspotForm = (props) => {
+const HubspotForm = forwardRef((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -23,10 +23,10 @@ const HubspotForm = (props) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (e) => {
+        onSubmit: (event) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,
@@ -40,6 +40,7 @@ const HubspotForm = (props) => {
         onSubmitError,
     ]);
     useHandleHubspotEvents(handlers, formId);
-    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
-};
+    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
+});
+HubspotForm.displayName = 'HubspotForm';
 export default HubspotForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/build/cjs/components/Anchor/__tests__/Anchor.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Anchor/__tests__/Anchor.test.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor"));
-const testId = 'anchor';
-const anchorId = 'anchorId';
-describe('Anchor', () => {
-    test('Has id', async () => {
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveAttribute('id', anchorId);
-    });
-    test('Has custom class', async () => {
-        const className = 'custom-anchor-class';
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, className: className, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveClass(className);
-    });
-});

package/build/cjs/components/AnimateBlock/__tests__/AnimateBlock.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/AnimateBlock/__tests__/AnimateBlock.test.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock"));
-const qaId = 'animate-block';
-describe('AnimateBlock', () => {
-    test('render AnimateBlock by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId, className: className }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('use passed style', () => {
-        const style = { color: 'red' };
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { style: style, qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveStyle(style);
-    });
-    test('call onScroll', async () => {
-        const onScroll = jest.fn();
-        const user = user_event_1.default.setup();
-        (0, react_2.render)(react_1.default.createElement("div", { style: { paddingTop: 100000 } },
-            react_1.default.createElement(AnimateBlock_1.default, { onScroll: onScroll, qa: qaId })));
-        const component = react_2.screen.getByTestId(qaId);
-        await user.hover(component);
-        expect(onScroll).toHaveBeenCalledTimes(1);
-    });
-});

package/build/cjs/components/Author/__tests__/Author.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Author/__tests__/Author.test.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const models_1 = require("../../../models");
-const Author_1 = tslib_1.__importDefault(require("../Author"));
-const testId = 'author';
-const author = {
-    firstName: 'John',
-    secondName: 'Doe',
-    description: 'Web designer',
-    avatar: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png',
-};
-describe('Author', () => {
-    test('Render author by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByTestId(testId);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has full name', async () => {
-        const name = `${author.firstName} ${author.secondName}`;
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has first name only', async () => {
-        const name = author.firstName;
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
-        const object = react_2.screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has avatar', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const avatar = react_2.screen.getByRole('img');
-        expect(avatar).toBeInTheDocument();
-        expect(avatar).toHaveAttribute('src', author.avatar);
-    });
-    test('Has description', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByText(author.description);
-        expect(object).toBeInTheDocument();
-    });
-    test.each(new Array(models_1.AuthorType.Column, models_1.AuthorType.Line))('Render with given "%s" type', (type) => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId, type: type }));
-        const object = react_2.screen.getByTestId(testId);
-        expect(object).toHaveClass(`pc-author_type_${type}`);
-    });
-});

package/build/cjs/components/BackLink/__tests__/BackLink.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/BackLink/__tests__/BackLink.test.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const locationContext_1 = require("../../../context/locationContext");
-const BackLink_1 = tslib_1.__importDefault(require("../BackLink"));
-const backLinkProps = {
-    url: '#',
-    title: 'Button Title',
-    theme: 'default',
-    size: 's',
-    className: 'customClassName',
-    shouldHandleBackAction: true,
-    onClick: () => { },
-};
-describe('BackLink', () => {
-    test('Default render', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Has custom class', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(backLinkProps.className);
-    });
-    test('Should render <a /> tag', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { shouldHandleBackAction: false })));
-        const backLink = react_2.screen.getByRole('link');
-        expect(backLink).toBeVisible();
-        expect(backLink).toHaveAttribute('href', backLinkProps.url);
-    });
-    test('Should render title', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByText(backLinkProps.title);
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Call onClick', async () => {
-        const user = user_event_1.default.setup();
-        const handleClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: { history: { push: jest.fn() } } },
-            react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { onClick: handleClick }))));
-        const backLink = react_2.screen.getByRole('button');
-        await user.click(backLink);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('Render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { size: size })));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_size_${size}`);
-    });
-    test.each(new Array('default', 'special'))('Render with given "%s" theme', (theme) => {
-        const matchView = {
-            default: 'flat-secondary',
-            special: 'flat-contrast',
-        };
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { theme: theme })));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_view_${matchView[theme]}`);
-    });
-});

package/build/cjs/components/BlockBase/__tests__/BlockBase.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/BlockBase/__tests__/BlockBase.test.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Anchor_1 = require("../../../components/Anchor/Anchor");
-const grid_1 = require("../../../grid");
-const BlockBase_1 = tslib_1.__importDefault(require("../BlockBase"));
-const qaId = 'block-base-component';
-describe('BlockBase', () => {
-    test('render component by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(component).not.toBeDisabled();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, className: className }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('should reset paddings', () => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, resetPaddings: true }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass('pc-block-base_reset-paddings');
-    });
-    test.each(new Array(...Object.values(grid_1.GridColumnSize)))('render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, visible: size }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(`d-${size}-block`);
-    });
-    test('should have anchor', () => {
-        const anchor = {
-            text: 'anchor',
-            url: 'https://github.com/gravity-ui/',
-        };
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { anchor: anchor }));
-        const component = react_2.screen.getByTestId(Anchor_1.qaIdByDefault);
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('id', anchor.url);
-    });
-});

package/build/cjs/components/Button/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Button/__tests__/Button.test.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const Button_1 = tslib_1.__importDefault(require("../Button"));
-const utils_1 = require("../utils");
-const qaId = 'button-component';
-const buttonProps = {
-    text: 'Button Text',
-    url: 'https://github.com/gravity-ui/',
-    target: '_blank',
-    img: {
-        url: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg',
-        position: 'left',
-        alt: 'alt-text',
-    },
-};
-const buttonViews = [
-    'normal',
-    'action',
-    'outlined',
-    'outlined-info',
-    'outlined-danger',
-    'raised',
-    'flat',
-    'flat-info',
-    'flat-danger',
-    'flat-secondary',
-    'normal-contrast',
-    'outlined-contrast',
-    'flat-contrast',
-    'github',
-    'scale',
-    'monochrome',
-];
-describe('Button', () => {
-    test('render button by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text }));
-        const button = react_2.screen.getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-        expect(button).not.toBeDisabled();
-    });
-    test('should render <a /> tag', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, url: buttonProps.url, target: buttonProps.target }));
-        const button = react_2.screen.getByRole('link');
-        expect(button).toBeVisible();
-        expect(button).toHaveAttribute('href', buttonProps.url);
-        expect(button).toHaveAttribute('target', buttonProps.target);
-    });
-    test('call onClick', async () => {
-        const user = user_event_1.default.setup();
-        const handleOnClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, onClick: handleOnClick }));
-        const button = react_2.screen.getByRole('button');
-        await user.click(button);
-        expect(handleOnClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, size: size, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_size_${size}`);
-    });
-    test.each(new Array(...buttonViews))('render with given "%s" view', (theme) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, theme: theme, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_theme_${theme}`);
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, className: className, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(className);
-    });
-    test('should render icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByRole('img');
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-    test('should render github icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img, theme: "github" }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByTestId(utils_1.ICON_QA);
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-});

package/build/cjs/components/ButtonTabs/__tests__/ButtonTabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/ButtonTabs/__tests__/ButtonTabs.test.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const ButtonTabs_1 = tslib_1.__importDefault(require("../ButtonTabs"));
-const qaId = 'button-tabs-component';
-const items = [
-    {
-        id: '0',
-        title: 'tab-1',
-    },
-    {
-        id: '1',
-        title: 'tab-2',
-    },
-    {
-        id: '2',
-        title: 'tab-3',
-    },
-];
-describe('ButtonTabs', () => {
-    test('render ButtonTabs by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId }));
-        const buttonTabs = react_2.screen.getByTestId(qaId);
-        expect(buttonTabs).toBeInTheDocument();
-        expect(buttonTabs).toBeVisible();
-        expect(buttonTabs).not.toBeDisabled();
-    });
-    test('has active tab', async () => {
-        const activeTabId = 1;
-        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, activeTab: String(activeTabId) }));
-        const buttons = react_2.screen.getAllByRole('button');
-        buttons.forEach((button, index) => {
-            if (index === activeTabId) {
-                expect(button).toHaveClass('pc-button-tabs__item_active');
-            }
-            expect(button).toHaveClass('pc-button-block_theme_normal');
-        });
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, className: className }));
-        const buttonTabs = react_2.screen.getByTestId(qaId);
-        expect(buttonTabs).toHaveClass(className);
-    });
-    test('call onSelectTab', async () => {
-        const user = user_event_1.default.setup();
-        const handleOnClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, onSelectTab: handleOnClick }));
-        const buttons = react_2.screen.getAllByRole('button');
-        buttons.forEach(async (button, i) => {
-            await user.click(button);
-            expect(handleOnClick).toHaveBeenCalledTimes(i + 1);
-        });
-    });
-});

package/build/esm/components/Anchor/__tests__/Anchor.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Anchor/__tests__/Anchor.test.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import Anchor from '../Anchor';
-const testId = 'anchor';
-const anchorId = 'anchorId';
-describe('Anchor', () => {
-    test('Has id', async () => {
-        render(React.createElement(Anchor, { id: anchorId, dataQa: testId }));
-        const anchor = screen.getByTestId(testId);
-        expect(anchor).toHaveAttribute('id', anchorId);
-    });
-    test('Has custom class', async () => {
-        const className = 'custom-anchor-class';
-        render(React.createElement(Anchor, { id: anchorId, className: className, dataQa: testId }));
-        const anchor = screen.getByTestId(testId);
-        expect(anchor).toHaveClass(className);
-    });
-});

package/build/esm/components/AnimateBlock/__tests__/AnimateBlock.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/AnimateBlock/__tests__/AnimateBlock.test.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import AnimateBlock from '../AnimateBlock';
-const qaId = 'animate-block';
-describe('AnimateBlock', () => {
-    test('render AnimateBlock by default', async () => {
-        render(React.createElement(AnimateBlock, { qa: qaId }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        render(React.createElement(AnimateBlock, { qa: qaId, className: className }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('use passed style', () => {
-        const style = { color: 'red' };
-        render(React.createElement(AnimateBlock, { style: style, qa: qaId }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toHaveStyle(style);
-    });
-    test('call onScroll', async () => {
-        const onScroll = jest.fn();
-        const user = userEvent.setup();
-        render(React.createElement("div", { style: { paddingTop: 100000 } },
-            React.createElement(AnimateBlock, { onScroll: onScroll, qa: qaId })));
-        const component = screen.getByTestId(qaId);
-        await user.hover(component);
-        expect(onScroll).toHaveBeenCalledTimes(1);
-    });
-});

package/build/esm/components/Author/__tests__/Author.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Author/__tests__/Author.test.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { AuthorType } from '../../../models';
-import Author from '../Author';
-const testId = 'author';
-const author = {
-    firstName: 'John',
-    secondName: 'Doe',
-    description: 'Web designer',
-    avatar: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png',
-};
-describe('Author', () => {
-    test('Render author by default', async () => {
-        render(React.createElement(Author, { author: author, dataQa: testId }));
-        const object = screen.getByTestId(testId);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has full name', async () => {
-        const name = `${author.firstName} ${author.secondName}`;
-        render(React.createElement(Author, { author: author, dataQa: testId }));
-        const object = screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has first name only', async () => {
-        const name = author.firstName;
-        render(React.createElement(Author, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
-        const object = screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has avatar', async () => {
-        render(React.createElement(Author, { author: author, dataQa: testId }));
-        const avatar = screen.getByRole('img');
-        expect(avatar).toBeInTheDocument();
-        expect(avatar).toHaveAttribute('src', author.avatar);
-    });
-    test('Has description', async () => {
-        render(React.createElement(Author, { author: author, dataQa: testId }));
-        const object = screen.getByText(author.description);
-        expect(object).toBeInTheDocument();
-    });
-    test.each(new Array(AuthorType.Column, AuthorType.Line))('Render with given "%s" type', (type) => {
-        render(React.createElement(Author, { author: author, dataQa: testId, type: type }));
-        const object = screen.getByTestId(testId);
-        expect(object).toHaveClass(`pc-author_type_${type}`);
-    });
-});

package/build/esm/components/BackLink/__tests__/BackLink.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/BackLink/__tests__/BackLink.test.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { LocationContext } from '../../../context/locationContext';
-import BackLink from '../BackLink';
-const backLinkProps = {
-    url: '#',
-    title: 'Button Title',
-    theme: 'default',
-    size: 's',
-    className: 'customClassName',
-    shouldHandleBackAction: true,
-    onClick: () => { },
-};
-describe('BackLink', () => {
-    test('Default render', async () => {
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps)));
-        const backLink = screen.getByRole('button');
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Has custom class', async () => {
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps)));
-        const backLink = screen.getByRole('button');
-        expect(backLink).toHaveClass(backLinkProps.className);
-    });
-    test('Should render <a /> tag', async () => {
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps, { shouldHandleBackAction: false })));
-        const backLink = screen.getByRole('link');
-        expect(backLink).toBeVisible();
-        expect(backLink).toHaveAttribute('href', backLinkProps.url);
-    });
-    test('Should render title', async () => {
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps)));
-        const backLink = screen.getByText(backLinkProps.title);
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Call onClick', async () => {
-        const user = userEvent.setup();
-        const handleClick = jest.fn();
-        render(React.createElement(LocationContext.Provider, { value: { history: { push: jest.fn() } } },
-            React.createElement(BackLink, Object.assign({}, backLinkProps, { onClick: handleClick }))));
-        const backLink = screen.getByRole('button');
-        await user.click(backLink);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('Render with given "%s" size', (size) => {
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps, { size: size })));
-        const backLink = screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_size_${size}`);
-    });
-    test.each(new Array('default', 'special'))('Render with given "%s" theme', (theme) => {
-        const matchView = {
-            default: 'flat-secondary',
-            special: 'flat-contrast',
-        };
-        render(React.createElement(BackLink, Object.assign({}, backLinkProps, { theme: theme })));
-        const backLink = screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_view_${matchView[theme]}`);
-    });
-});

package/build/esm/components/BlockBase/__tests__/BlockBase.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/BlockBase/__tests__/BlockBase.test.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { qaIdByDefault } from '../../../components/Anchor/Anchor';
-import { GridColumnSize } from '../../../grid';
-import BlockBase from '../BlockBase';
-const qaId = 'block-base-component';
-describe('BlockBase', () => {
-    test('render component by default', async () => {
-        render(React.createElement(BlockBase, { qa: qaId }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(component).not.toBeDisabled();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        render(React.createElement(BlockBase, { qa: qaId, className: className }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('should reset paddings', () => {
-        render(React.createElement(BlockBase, { qa: qaId, resetPaddings: true }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toHaveClass('pc-block-base_reset-paddings');
-    });
-    test.each(new Array(...Object.values(GridColumnSize)))('render with given "%s" size', (size) => {
-        render(React.createElement(BlockBase, { qa: qaId, visible: size }));
-        const component = screen.getByTestId(qaId);
-        expect(component).toHaveClass(`d-${size}-block`);
-    });
-    test('should have anchor', () => {
-        const anchor = {
-            text: 'anchor',
-            url: 'https://github.com/gravity-ui/',
-        };
-        render(React.createElement(BlockBase, { anchor: anchor }));
-        const component = screen.getByTestId(qaIdByDefault);
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('id', anchor.url);
-    });
-});

package/build/esm/components/Button/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Button/__tests__/Button.test.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Button from '../Button';
-import { ICON_QA } from '../utils';
-const qaId = 'button-component';
-const buttonProps = {
-    text: 'Button Text',
-    url: 'https://github.com/gravity-ui/',
-    target: '_blank',
-    img: {
-        url: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg',
-        position: 'left',
-        alt: 'alt-text',
-    },
-};
-const buttonViews = [
-    'normal',
-    'action',
-    'outlined',
-    'outlined-info',
-    'outlined-danger',
-    'raised',
-    'flat',
-    'flat-info',
-    'flat-danger',
-    'flat-secondary',
-    'normal-contrast',
-    'outlined-contrast',
-    'flat-contrast',
-    'github',
-    'scale',
-    'monochrome',
-];
-describe('Button', () => {
-    test('render button by default', async () => {
-        render(React.createElement(Button, { text: buttonProps.text }));
-        const button = screen.getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-        expect(button).not.toBeDisabled();
-    });
-    test('should render <a /> tag', async () => {
-        render(React.createElement(Button, { text: buttonProps.text, url: buttonProps.url, target: buttonProps.target }));
-        const button = screen.getByRole('link');
-        expect(button).toBeVisible();
-        expect(button).toHaveAttribute('href', buttonProps.url);
-        expect(button).toHaveAttribute('target', buttonProps.target);
-    });
-    test('call onClick', async () => {
-        const user = userEvent.setup();
-        const handleOnClick = jest.fn();
-        render(React.createElement(Button, { text: buttonProps.text, onClick: handleOnClick }));
-        const button = screen.getByRole('button');
-        await user.click(button);
-        expect(handleOnClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('render with given "%s" size', (size) => {
-        render(React.createElement(Button, { text: buttonProps.text, size: size, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_size_${size}`);
-    });
-    test.each(new Array(...buttonViews))('render with given "%s" view', (theme) => {
-        render(React.createElement(Button, { text: buttonProps.text, theme: theme, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_theme_${theme}`);
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        render(React.createElement(Button, { text: buttonProps.text, className: className, qa: qaId }));
-        const button = screen.getByTestId(qaId);
-        expect(button).toHaveClass(className);
-    });
-    test('should render icon', () => {
-        render(React.createElement(Button, { text: buttonProps.text, img: buttonProps.img }));
-        const button = screen.getByRole('button');
-        const iconComponent = screen.getByRole('img');
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-    test('should render github icon', () => {
-        render(React.createElement(Button, { text: buttonProps.text, img: buttonProps.img, theme: "github" }));
-        const button = screen.getByRole('button');
-        const iconComponent = screen.getByTestId(ICON_QA);
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-});

package/build/esm/components/ButtonTabs/__tests__/ButtonTabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/ButtonTabs/__tests__/ButtonTabs.test.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import ButtonTabs from '../ButtonTabs';
-const qaId = 'button-tabs-component';
-const items = [
-    {
-        id: '0',
-        title: 'tab-1',
-    },
-    {
-        id: '1',
-        title: 'tab-2',
-    },
-    {
-        id: '2',
-        title: 'tab-3',
-    },
-];
-describe('ButtonTabs', () => {
-    test('render ButtonTabs by default', async () => {
-        render(React.createElement(ButtonTabs, { items: items, qa: qaId }));
-        const buttonTabs = screen.getByTestId(qaId);
-        expect(buttonTabs).toBeInTheDocument();
-        expect(buttonTabs).toBeVisible();
-        expect(buttonTabs).not.toBeDisabled();
-    });
-    test('has active tab', async () => {
-        const activeTabId = 1;
-        render(React.createElement(ButtonTabs, { items: items, qa: qaId, activeTab: String(activeTabId) }));
-        const buttons = screen.getAllByRole('button');
-        buttons.forEach((button, index) => {
-            if (index === activeTabId) {
-                expect(button).toHaveClass('pc-button-tabs__item_active');
-            }
-            expect(button).toHaveClass('pc-button-block_theme_normal');
-        });
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        render(React.createElement(ButtonTabs, { items: items, qa: qaId, className: className }));
-        const buttonTabs = screen.getByTestId(qaId);
-        expect(buttonTabs).toHaveClass(className);
-    });
-    test('call onSelectTab', async () => {
-        const user = userEvent.setup();
-        const handleOnClick = jest.fn();
-        render(React.createElement(ButtonTabs, { items: items, qa: qaId, onSelectTab: handleOnClick }));
-        const buttons = screen.getAllByRole('button');
-        buttons.forEach(async (button, i) => {
-            await user.click(button);
-            expect(handleOnClick).toHaveBeenCalledTimes(i + 1);
-        });
-    });
-});