@gravity-ui/page-constructor 2.22.0-alpha → 2.22.0

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);
-        });
-    });
-});