@epam/uui 5.3.0 → 5.4.0

package/components/inputs/__tests__/__snapshots__/NumericInput.test.tsx.snap

@@ -1,93 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NumericInput snapshots should be rendered with maximum props 1`] = `
-<div
-  className="container uui-input-box -clickable root root size-36 size-36 mode-inline"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  onKeyDown={[Function]}
-  tabIndex={-1}
->
-  <input
-    className="uui-input"
-    inputMode="numeric"
-    max={50}
-    min={0}
-    onChange={[Function]}
-    placeholder="0"
-    tabIndex={0}
-    type="number"
-    value=""
-  />
-  <div
-    className="uui-numeric-input-button-group"
-  >
-    <div
-      className="container uui-icon uui-enabled -clickable uui-numeric-input-up-button"
-      onClick={[Function]}
-      role="button"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-    <div
-      className="container uui-icon uui-enabled -clickable uui-numeric-input-down-button"
-      onClick={[Function]}
-      role="button"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`NumericInput snapshots should be rendered with minimum props 1`] = `
-<div
-  className="container uui-input-box -clickable root root size-36 size-36 mode-form"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  onKeyDown={[Function]}
-  tabIndex={-1}
->
-  <input
-    className="uui-input"
-    inputMode="numeric"
-    max={50}
-    min={0}
-    onChange={[Function]}
-    placeholder="0"
-    tabIndex={0}
-    type="number"
-    value=""
-  />
-  <div
-    className="uui-numeric-input-button-group"
-  >
-    <div
-      className="container uui-icon uui-enabled -clickable uui-numeric-input-up-button"
-      onClick={[Function]}
-      role="button"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-    <div
-      className="container uui-icon uui-enabled -clickable uui-numeric-input-down-button"
-      onClick={[Function]}
-      role="button"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-  </div>
-</div>
-`;

package/components/inputs/__tests__/__snapshots__/RadioInput.test.tsx.snap

@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RadioInput should be rendered correctly 1`] = `
-<label
-  className="container root size-18 uui-color-primary -clickable"
->
-  <div
-    className="uui-radioinput"
-  >
-    <input
-      aria-checked={false}
-      checked={false}
-      onChange={[Function]}
-      type="radio"
-    />
-  </div>
-</label>
-`;
-
-exports[`RadioInput should be rendered correctly 2`] = `
-<label
-  className="container root size-18 uui-color-primary -clickable"
->
-  <div
-    className="uui-radioinput"
-  >
-    <input
-      aria-checked={false}
-      checked={false}
-      onChange={[Function]}
-      type="radio"
-    />
-  </div>
-  <div
-    className="uui-input-label"
-  >
-    Open
-  </div>
-</label>
-`;

package/components/inputs/__tests__/__snapshots__/Slider.test.tsx.snap

@@ -1,157 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Slider should render with maximum props 1`] = `
-<div
-  className="uui-slider-container root root uui-color-neutral"
-  onClick={[Function]}
-  onMouseDown={[Function]}
->
-  <div
-    className="uui-slider"
-  />
-  <div
-    className="uui-slider-filled"
-    style={
-      Object {
-        "width": 0,
-      }
-    }
-  />
-  <div
-    className="uui-slider-scale"
-  >
-    <div
-      className="uui-slider-scale-dot"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    />
-    <div
-      className="uui-slider-scale-number"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    >
-      0
-    </div>
-    <div
-      className="uui-slider-scale-dot"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    />
-    <div
-      className="uui-slider-scale-number"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    >
-      50
-    </div>
-  </div>
-  <div
-    aria-valuemax={50}
-    aria-valuemin={0}
-    aria-valuenow={null}
-    className="uui-slider-handle root uui-color-neutral"
-    onBlur={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    role="slider"
-    style={
-      Object {
-        "transform": "translateX(0px)",
-      }
-    }
-    tabIndex={0}
-  />
-</div>
-`;
-
-exports[`Slider should render with minimum props 1`] = `
-<div
-  className="uui-slider-container root root uui-color-neutral"
-  onClick={[Function]}
-  onMouseDown={[Function]}
->
-  <div
-    className="uui-slider"
-  />
-  <div
-    className="uui-slider-filled"
-    style={
-      Object {
-        "width": 0,
-      }
-    }
-  />
-  <div
-    className="uui-slider-scale"
-  >
-    <div
-      className="uui-slider-scale-dot"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    />
-    <div
-      className="uui-slider-scale-number"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    >
-      0
-    </div>
-    <div
-      className="uui-slider-scale-dot"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    />
-    <div
-      className="uui-slider-scale-number"
-      style={
-        Object {
-          "transform": "translateX(0px)",
-        }
-      }
-    >
-      50
-    </div>
-  </div>
-  <div
-    aria-valuemax={50}
-    aria-valuemin={0}
-    aria-valuenow={null}
-    className="uui-slider-handle root uui-color-neutral"
-    onBlur={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    role="slider"
-    style={
-      Object {
-        "transform": "translateX(0px)",
-      }
-    }
-    tabIndex={0}
-  />
-</div>
-`;

package/components/inputs/__tests__/__snapshots__/Switch.test.tsx.snap

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Switch should be rendered correctly 1`] = `
-<label
-  className="uui-switch container root size-18 uui-color-primary -clickable"
->
-  <div
-    className="uui-switch-body"
-  >
-    <input
-      aria-checked={false}
-      checked={false}
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="uui-switch-toggler"
-    />
-  </div>
-</label>
-`;
-
-exports[`Switch should be rendered correctly 2`] = `
-<label
-  className="uui-switch container root size-18 uui-color-primary -clickable"
->
-  <div
-    className="uui-switch-body"
-  >
-    <input
-      aria-checked={false}
-      checked={false}
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="uui-switch-toggler"
-    />
-  </div>
-  <div
-    className="uui-input-label"
-  >
-    Open
-  </div>
-</label>
-`;

package/components/inputs/__tests__/__snapshots__/TextArea.test.tsx.snap

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextArea should be rendered correctly 1`] = `
-<div
-  className="container uui-input-box root size-36 mode-form"
->
-  <textarea
-    className="-clickable noAutoSize uui-input"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onFocus={[Function]}
-    value=""
-  />
-</div>
-`;
-
-exports[`TextArea should be rendered correctly 2`] = `
-<div
-  className="container uui-input-box root size-36 mode-inline"
->
-  <textarea
-    className="-clickable noAutoSize uui-input"
-    maxLength={200}
-    onBlur={[Function]}
-    onChange={[Function]}
-    onFocus={[Function]}
-    placeholder="Type here"
-    rows={4}
-    value=""
-  />
-</div>
-`;

package/components/inputs/__tests__/__snapshots__/TextInput.test.tsx.snap

@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextInput should be rendered correctly 1`] = `
-<div
-  className="container uui-input-box -clickable root size-36 mode-form"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  tabIndex={-1}
->
-  <input
-    className="uui-input"
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    tabIndex={0}
-    type="text"
-    value=""
-  />
-</div>
-`;
-
-exports[`TextInput should be rendered correctly 2`] = `
-<div
-  className="container uui-input-box -clickable root size-36 mode-form"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  tabIndex={-1}
->
-  <input
-    className="uui-input"
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    tabIndex={0}
-    type="text"
-    value=""
-  />
-  <div
-    className="container uui-icon uui-enabled"
-    style={Object {}}
-  >
-    <svg
-      className=""
-    />
-  </div>
-  <div
-    className="container uui-icon uui-enabled pointer"
-    style={Object {}}
-  >
-    <svg
-      className="flipY"
-    />
-  </div>
-</div>
-`;

package/components/inputs/__tests__/__snapshots__/TimePicker.test.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { renderSnapshotWithContextAsync } from '@epam/uui-test-utils';
-import { TimePicker } from '../../TimePicker';
-
-describe('TimePicker', () => {
-    it('should be rendered correctly', async () => {
-        const tree = await renderSnapshotWithContextAsync(<TimePicker value={ null } onValueChange={ jest.fn } />);
-
-        expect(tree).toMatchSnapshot();
-    });
-
-    it('should be rendered correctly', async () => {
-        const tree = await renderSnapshotWithContextAsync(
-            <TimePicker value={ { hours: 1, minutes: 5 } } onValueChange={ jest.fn } format={ 24 } minutesStep={ 5 } size="36" isDisabled />,
-        );
-
-        expect(tree).toMatchSnapshot();
-    });
-});

package/components/inputs/__tests__/__snapshots__/TimePicker.test.tsx.snap

@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TimePicker should be rendered correctly 1`] = `
-<div
-  className="container uui-input-box -clickable root size-36 mode-form root timepickerInput"
-  onBlur={[Function]}
-  onClick={null}
-  onFocus={[Function]}
-  tabIndex={-1}
->
-  <input
-    className="uui-input"
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder="hh:mm A"
-    tabIndex={0}
-    type="text"
-    value=""
-  />
-</div>
-`;
-
-exports[`TimePicker should be rendered correctly 2`] = `
-<div
-  className="container uui-input-box uui-disabled root size-36 mode-form root timepickerInput"
-  onBlur={[Function]}
-  onClick={null}
-  onFocus={[Function]}
-  tabIndex={-1}
->
-  <input
-    aria-disabled={true}
-    className="uui-input"
-    disabled={true}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder="HH:mm"
-    tabIndex={-1}
-    type="text"
-    value="01:05"
-  />
-</div>
-`;

package/components/inputs/__tests__/__snapshots__/TimePickerBody.test.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { TimePickerBody } from '../../TimePickerBody';
-import { renderSnapshotWithContextAsync } from '@epam/uui-test-utils';
-import MockDate from 'mockdate';
-import { systemIcons } from '../../../../icons/icons';
-
-const arrowIcon = systemIcons[30].foldingArrow;
-
-beforeEach(() => {
-    MockDate.set(new Date('2020-12-09T01:02:03+00:00'));
-});
-
-afterEach(() => {
-    MockDate.reset();
-});
-
-describe('TimePickerBody', () => {
-    it('should be rendered with minimum props', async () => {
-        const tree = await renderSnapshotWithContextAsync(<TimePickerBody value={ { hours: 12, minutes: 30 } } onValueChange={ jest.fn } />);
-
-        expect(tree).toMatchSnapshot();
-    });
-
-    it('should be rendered with maximum props', async () => {
-        const tree = await renderSnapshotWithContextAsync(
-            <TimePickerBody
-                value={ { hours: 12, minutes: 30 } }
-                onValueChange={ jest.fn }
-                format={ 12 }
-                minutesStep={ 5 }
-                addIcon={ arrowIcon }
-                subtractIcon={ arrowIcon }
-            />,
-        );
-
-        expect(tree).toMatchSnapshot();
-    });
-});