Merge pull request #2220 from epam/feat/e2e_improvements

Feat/e2e improvements
epam · May 3, 2024 · 4613429 · 4613429
2 parents 075a695 + 593da57
commit 4613429
Show file tree

Hide file tree

Showing 283 changed files with 455 additions and 171 deletions.
diff --git a/app/src/docs/Alert.doc.tsx b/app/src/docs/Alert.doc.tsx
@@ -5,12 +5,7 @@ import * as loveship from '@epam/loveship';
 import * as promo from '@epam/promo';
 import { DocBuilder, DocPreviewBuilder, TDocConfig, TDocContext, TSkin } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
-
-enum TAlertPreview {
-    Colors = 'Colors',
-    'Layout with icon' = 'Layout with icon',
-    'Layout without icon' = 'Layout without icon'
-}
+import { TAlertPreview } from './_types/previewIds';
 
 export class AlertDoc extends BaseDocsBlock {
     title = 'Alert';

diff --git a/app/src/docs/Badge.doc.tsx b/app/src/docs/Badge.doc.tsx
@@ -14,12 +14,7 @@ import {
 } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
 import { getCurrentTheme } from '../helpers';
-
-enum TBadgePreview {
-    'Colors' = 'Colors',
-    'Sizes with icon' = 'Sizes with icon',
-    'Sizes without icon' = 'Sizes without icon'
-}
+import { TBadgePreview } from './_types/previewIds';
 
 export class BadgeDoc extends BaseDocsBlock {
     title = 'Badge';

diff --git a/app/src/docs/Button.doc.tsx b/app/src/docs/Button.doc.tsx
@@ -14,13 +14,7 @@ import {
 } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
 import { getCurrentTheme } from '../helpers';
-
-enum TButtonPreview {
-    'One-line caption' = 'One-line caption',
-    'Two-line caption' = 'Two-line caption',
-    'No caption' = 'No caption',
-    Colors = 'Colors'
-}
+import { TButtonPreview } from './_types/previewIds';
 
 export class ButtonDoc extends BaseDocsBlock {
     title = 'Button';

diff --git a/app/src/docs/Checkbox.doc.tsx b/app/src/docs/Checkbox.doc.tsx
@@ -5,10 +5,7 @@ import * as promo from '@epam/promo';
 import * as electric from '@epam/electric';
 import { DocPreviewBuilder, TDocConfig, TDocContext, TSkin } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
-
-enum TCheckboxPreview {
-    Basic = 'Basic'
-}
+import { TCheckboxPreview } from './_types/previewIds';
 
 export class CheckboxDoc extends BaseDocsBlock {
     title = 'Checkbox';

diff --git a/app/src/docs/CountIndicator.doc.tsx b/app/src/docs/CountIndicator.doc.tsx
@@ -5,11 +5,7 @@ import * as promo from '@epam/promo';
 import * as electric from '@epam/electric';
 import { DocBuilder, DocPreviewBuilder, TDocConfig, TSkin } from '@epam/uui-docs';
 import { BaseDocsBlock, EditableDocContent, DocExample } from '../common';
-
-enum TCountIndicatorPreview {
-    Colors = 'Colors',
-    Sizes = 'Sizes'
-}
+import { TCountIndicatorPreview } from './_types/previewIds';
 
 export class CountIndicatorDoc extends BaseDocsBlock {
     title = 'CountIndicator';

diff --git a/app/src/docs/IconButton.doc.tsx b/app/src/docs/IconButton.doc.tsx
@@ -14,11 +14,7 @@ import {
 } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
 import { getCurrentTheme } from '../helpers';
-
-enum TIconButtonPreview {
-    Colors = 'Colors',
-    Layout = 'Layout'
-}
+import { TIconButtonPreview } from './_types/previewIds';
 
 export class IconButtonDoc extends BaseDocsBlock {
     title = 'Icon Button';

diff --git a/app/src/docs/LinkButton.doc.tsx b/app/src/docs/LinkButton.doc.tsx
@@ -14,13 +14,7 @@ import {
 } from '@epam/uui-docs';
 import { EditableDocContent, DocExample, BaseDocsBlock } from '../common';
 import { getCurrentTheme } from '../helpers';
-
-enum TLinkButtonPreview {
-    'One-line caption' = 'One-line caption',
-    'Two-line caption' = 'Two-line caption',
-    'No caption' = 'No caption',
-    Colors = 'Colors'
-}
+import { TLinkButtonPreview } from './_types/previewIds';
 
 export class LinkButtonDoc extends BaseDocsBlock {
     title = 'Link Button';

diff --git a/app/src/docs/Switch.doc.tsx b/app/src/docs/Switch.doc.tsx
@@ -5,10 +5,7 @@ import * as promo from '@epam/promo';
 import * as electric from '@epam/electric';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
 import { DocPreviewBuilder, TDocConfig, TDocContext, TSkin } from '@epam/uui-docs';
-
-enum TSwitchPreview {
-    Basic = 'Basic'
-}
+import { TSwitchPreview } from './_types/previewIds';
 
 export class SwitchDoc extends BaseDocsBlock {
     title = 'Switch';

diff --git a/app/src/docs/TabButton.doc.tsx b/app/src/docs/TabButton.doc.tsx
@@ -3,8 +3,17 @@ import * as uui from '@epam/uui';
 import * as loveship from '@epam/loveship';
 import * as promo from '@epam/promo';
 import * as electric from '@epam/electric';
-import { DocBuilder, TDocConfig, TDocContext, TSkin } from '@epam/uui-docs';
+import {
+    DocBuilder,
+    DocPreviewBuilder,
+    TComponentPreview,
+    TDocConfig,
+    TDocContext,
+    TPreviewCellSize,
+    TSkin,
+} from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
+import { TTabButtonPreview } from './_types/previewIds';
 
 export class TabButtonDoc extends BaseDocsBlock {
     title = 'Tab Button';
@@ -21,6 +30,114 @@ export class TabButtonDoc extends BaseDocsBlock {
         doc: (doc: DocBuilder<uui.TabButtonProps>) => {
             doc.merge('iconPosition', { defaultValue: 'left' });
         },
+        preview: (docPreview: DocPreviewBuilder<uui.TabButtonProps>) => {
+            const TEST_DATA = {
+                count: 999,
+                caption: 'Test',
+                callback: 'callback',
+                href: 'https://google.com',
+                icon: 'action-account-fill.svg',
+            };
+            const cellSize: TPreviewCellSize = '190-70';
+            const baseMatrix: TComponentPreview<uui.TabButtonProps>['matrix'] = {
+                href: { values: [TEST_DATA.href] },
+                caption: { values: [TEST_DATA.caption] },
+                count: { values: [undefined, TEST_DATA.count] },
+                withNotify: { values: [true, false] },
+                icon: { examples: [undefined, TEST_DATA.icon] },
+                iconPosition: { examples: '*', condition: (props) => !!props.icon },
+                size: { examples: '*' },
+            };
+
+            docPreview.add({
+                id: TTabButtonPreview['Active'],
+                matrix: {
+                    isLinkActive: { values: [true] },
+                    isDisabled: { values: [false] },
+                    isDropdown: { values: [false] },
+                    ...baseMatrix,
+                    onClear: { examples: [undefined, TEST_DATA.callback] },
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Active Disabled'],
+                matrix: {
+                    isLinkActive: { values: [true] },
+                    isDisabled: { values: [true] },
+                    isDropdown: { values: [false] },
+                    ...baseMatrix,
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Active Dropdown'],
+                matrix: {
+                    isLinkActive: { values: [true] },
+                    isDisabled: { values: [false] },
+                    isDropdown: { values: [true] },
+                    isOpen: { values: [false] },
+                    ...baseMatrix,
+                    onClear: { examples: [undefined, TEST_DATA.callback] },
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Active Dropdown Disabled'],
+                matrix: {
+                    isLinkActive: { values: [true] },
+                    isDisabled: { values: [true] },
+                    isDropdown: { values: [true] },
+                    isOpen: { values: [false] },
+                    ...baseMatrix,
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Inactive'],
+                matrix: {
+                    isLinkActive: { values: [false] },
+                    isDisabled: { values: [false] },
+                    isDropdown: { values: [false] },
+                    ...baseMatrix,
+                    onClear: { examples: [undefined, TEST_DATA.callback] },
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Inactive Disabled'],
+                matrix: {
+                    isLinkActive: { values: [false] },
+                    isDisabled: { values: [true] },
+                    isDropdown: { values: [false] },
+                    ...baseMatrix,
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Inactive Dropdown'],
+                matrix: {
+                    isLinkActive: { values: [false] },
+                    isDisabled: { values: [false] },
+                    isDropdown: { values: [true] },
+                    isOpen: { values: [false] },
+                    ...baseMatrix,
+                    onClear: { examples: [undefined, TEST_DATA.callback] },
+                },
+                cellSize,
+            });
+            docPreview.add({
+                id: TTabButtonPreview['Inactive Dropdown Disabled'],
+                matrix: {
+                    isLinkActive: { values: [false] },
+                    isDisabled: { values: [true] },
+                    isDropdown: { values: [true] },
+                    isOpen: { values: [false] },
+                    ...baseMatrix,
+                },
+                cellSize,
+            });
+        },
     };
 
     renderContent() {

diff --git a/app/src/docs/Tag.doc.tsx b/app/src/docs/Tag.doc.tsx
@@ -14,13 +14,7 @@ import {
 } from '@epam/uui-docs';
 import { EditableDocContent, DocExample, BaseDocsBlock } from '../common';
 import { getCurrentTheme } from '../helpers';
-
-enum TTagPreview {
-    'One-line caption' = 'One-line caption',
-    'Two-line caption' = 'Two-line caption',
-    'No caption' = 'No caption',
-    Colors = 'Colors'
-}
+import { TTagPreview } from './_types/previewIds';
 
 export class TagDoc extends BaseDocsBlock {
     title = 'Tag';

diff --git a/app/src/docs/TextInput.doc.tsx b/app/src/docs/TextInput.doc.tsx
@@ -5,16 +5,7 @@ import * as promo from '@epam/promo';
 import * as electric from '@epam/electric';
 import { DocBuilder, DocPreviewBuilder, TComponentPreview, TDocConfig, TDocContext, TSkin } from '@epam/uui-docs';
 import { BaseDocsBlock, DocExample, EditableDocContent } from '../common';
-
-enum TTextInputPreview {
-    'Form'= 'Form',
-    'Form (invalid)'= 'Form (invalid)',
-    'Form (disabled)'= 'Form (disabled)',
-    'Form (read only)'= 'Form (read only)',
-    'Inline'= 'Inline',
-    'Inline (disabled)'= 'Inline (disabled)',
-    'Inline (read only)'= 'Inline (read only)'
-}
+import { TTextInputPreview } from './_types/previewIds';
 
 export class TextInputDoc extends BaseDocsBlock {
     title = 'Text Input';