@skbkontur/react-ui 5.0.8 → 5.0.9

package/cjs/components/Textarea/__creevey__/Textarea.creevey.mts

@@ -0,0 +1,177 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+kind('Textarea', () => {
+  story('DifferentStates', () => {
+    test('Plain', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Plain');
+    });
+
+    test('Focus', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#TextareaPlain textarea' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Focus');
+    });
+
+    test('FocusedByTab', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({ x: 0, y: 0 })
+        .click()
+        .sendKeys(Key.TAB)
+        .sendKeys(Key.TAB)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Focused by tab');
+    });
+
+    test('Typed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#TextareaPlain textarea' }))
+        .sendKeys('Test...')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Typed');
+    });
+  });
+
+  story('AutoresizableTextareaStory', () => {
+    test('autoresize', async (context) => {
+      const textArea = () => context.webdriver.findElement({ css: '[data-tid~="TextArea"]' });
+      const before = await textArea().takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="AddButton"]' }))
+        .pause(500)
+        .perform();
+      const addText = await textArea().takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="CollapseButton"]' }))
+        .pause(500)
+        .perform();
+      const collapse = await textArea().takeScreenshot();
+      await context.matchImages({ before, addText, collapse });
+    });
+  });
+
+  story('SelectAllByProp', () => {
+    test('Plain', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Plain');
+    });
+
+    test('Focused', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .pause(500)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Focused');
+    });
+  });
+
+  story('SelectAllByButton', () => {
+    test('Plain', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Plain');
+    });
+
+    test('Selected', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="select-all"]' }))
+        .pause(500)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Selected');
+    });
+  });
+
+  story('TextareaWithCounters', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flacky scrollbars height': {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark'],
+        },
+      },
+    });
+
+    test('Plain', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Plain');
+    });
+
+    test('Focus', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#CounterPlain textarea' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'Focus');
+    });
+
+    test('FocusAutoresize', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#CounterAutoresizeTextarea textarea' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'FocusAutoresize');
+    });
+
+    test('FocusWithHelpClosed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#CounterWithHelp textarea' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'CounterWithHelp');
+    });
+
+    test('FocusWithHelpOpened', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#CounterWithHelp textarea' }))
+        .perform();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: `svg` }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'CounterWithHelpOpened');
+    });
+  });
+});

package/cjs/components/Toast/__creevey__/Toast.creevey.mts

@@ -0,0 +1,54 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const kindTests = () => {
+  test('toastShown', async (context) => {
+    const showToast = context.webdriver.findElement({ css: '[data-tid~="show-toast"]' });
+    await context.webdriver.actions({ bridge: true }).click(showToast).move({ x: 0, y: 0 }).click().perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot());
+  });
+};
+
+kind('Toast', () => {
+  story('SimpleNotification', () => {
+    kindTests();
+  });
+
+  story('TestNotifier', () => {
+    kindTests();
+  });
+
+  story('ComplexNotification', () => {
+    kindTests();
+  });
+
+  story('complex', () => {
+    kindTests();
+  });
+
+  story('StaticMethod', () => {
+    kindTests();
+  });
+
+  story('button', () => {
+    kindTests();
+  });
+
+  story('data-tid', () => {
+    kindTests();
+  });
+
+  story('onClick', () => {
+    kindTests();
+  });
+
+  story('Toast', () => {
+    kindTests();
+  });
+
+  story('push', () => {
+    kindTests();
+  });
+});

package/cjs/components/Toggle/__creevey__/Toggle.creevey.mts

@@ -0,0 +1,87 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Toggle', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+
+  story('DisabledWithTooltip', () => {
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+  });
+
+  story('WithChildren', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+  });
+
+  story('WithLongDescription', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+});