@dxc-technology/halstack-react 0.0.0-ba36a4a → 0.0.0-beebecd

package/dist/slider/Slider.stories.js

@@ -1,241 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _readme = _interopRequireDefault(require("./readme.md"));
-
-var _Slider = _interopRequireDefault(require("./Slider"));
-
-var onChange = (0, _addonActions.action)("onChange");
-
-onChange.toString = function () {
-  return "onChangeHandler";
-};
-
-var onDragEnd = (0, _addonActions.action)("onDragEnd");
-
-onDragEnd.toString = function () {
-  return "onDragEnd";
-};
-
-var onChangeInput = (0, _addonActions.action)("onChangeInput");
-
-onChangeInput.toString = function () {
-  return "onChangeInputHandler";
-};
-
-(0, _react2.storiesOf)("Form Components|Slider", module).add("Component", function () {
-  return _react["default"].createElement("div", null, _react["default"].createElement("h3", null, "Light"), _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Slider"), _react["default"].createElement("div", null, _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 100,
-    showLimitsValues: true,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "light",
-    step: 1,
-    marks: false,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Slider with marks"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "light",
-    step: 10,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Slider without limit values"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: false,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "light",
-    step: 10,
-    marks: false,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Slider with limits, input and marks"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: true,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "light",
-    step: 5,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Slider with limits, input, marks and disabled"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: true,
-    name: "input",
-    disabled: true,
-    required: true,
-    theme: "light",
-    step: 5,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  }))), _react["default"].createElement("h3", null, "Dark"), _react["default"].createElement("div", {
-    style: {
-      background: "black"
-    }
-  }, _react["default"].createElement("p", {
-    style: {
-      color: "white"
-    }
-  }, "Slider"), _react["default"].createElement("div", null, _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 100,
-    showLimitsValues: true,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "dark",
-    step: 1,
-    marks: false,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", {
-    style: {
-      color: "white"
-    }
-  }, "Slider with marks"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "dark",
-    step: 10,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", {
-    style: {
-      color: "white"
-    }
-  }, "Slider without limit values"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: false,
-    showInput: false,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "dark",
-    step: 10,
-    marks: false,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", {
-    style: {
-      color: "white"
-    }
-  }, "Slider with limits, input and marks"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: true,
-    name: "input",
-    disabled: false,
-    required: true,
-    theme: "dark",
-    step: 5,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  })), _react["default"].createElement("div", null, _react["default"].createElement("p", {
-    style: {
-      color: "white"
-    }
-  }, "Slider with limits, input, marks and disabled"), _react["default"].createElement(_Slider["default"], {
-    minValue: 0,
-    maxValue: 50,
-    showLimitsValues: true,
-    showInput: true,
-    name: "input",
-    disabled: true,
-    required: true,
-    theme: "dark",
-    step: 5,
-    marks: true,
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput
-  }))));
-}, {
-  notes: {
-    markdown: _readme["default"]
-  }
-});
-
-var knobProps = function knobProps() {
-  return {
-    minValue: (0, _addonKnobs.number)("minvalue", 0),
-    maxValue: (0, _addonKnobs.number)("maxvalue", 100),
-    showLimitsValues: (0, _addonKnobs["boolean"])("showLimits", true),
-    showInput: (0, _addonKnobs["boolean"])("showInput", true),
-    disabled: (0, _addonKnobs["boolean"])("disabled", false),
-    theme: (0, _addonKnobs.select)("theme", {
-      light: "light",
-      dark: "dark"
-    }, "light"),
-    step: (0, _addonKnobs.number)("step", 1),
-    marks: (0, _addonKnobs["boolean"])("marks", false)
-  };
-};
-
-(0, _react2.storiesOf)("Form Components|Slider", module).add("Knobs example", function () {
-  var props = knobProps();
-  return _react["default"].createElement("div", {
-    style: {
-      background: props.theme === "dark" && "black" || "transparent"
-    }
-  }, _react["default"].createElement(_Slider["default"], (0, _extends2["default"])({}, props, {
-    onChange: onChange,
-    onDragEnd: onDragEnd,
-    onChangeInput: onChangeInput,
-    name: "sliderImput"
-  })));
-}, {
-  notes: {
-    markdown: _readme["default"]
-  }
-});

package/test/Password.test.js

@@ -1,76 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import DxcPassword from "../src/password/Password";
-
-describe("Password component tests", () => {
-  test("Password renders with label", () => {
-    const { getByText } = render(<DxcPassword label="Password label" />);
-    expect(getByText("Password label")).toBeTruthy();
-  });
-
-  test("Password renders with helper text", () => {
-    const { getByText } = render(<DxcPassword helperText="Helper text" />);
-    expect(getByText("Helper text")).toBeTruthy();
-  });
-
-  test("Password renders error", () => {
-    const { getByText } = render(<DxcPassword error="Error message." />);
-    expect(getByText("Error message.")).toBeTruthy();
-  });
-
-  test("onChange function is called correctly", () => {
-    const onChange = jest.fn();
-    const { getByRole } = render(<DxcPassword label="Password" onChange={onChange} />);
-    const password = getByRole("textbox");
-    userEvent.type(password, "Pa$$w0rd");
-    expect(onChange).toHaveBeenCalledWith("P");
-    expect(password.value).toBe("Pa$$w0rd");
-  });
-
-  test("Clear password value", () => {
-    const onChange = jest.fn();
-    const { getAllByRole, getByRole } = render(<DxcPassword label="Password" onChange={onChange} clearable />);
-    const password = getByRole("textbox");
-    userEvent.type(password, "Pa$$w0rd");
-    expect(password.value).toBe("Pa$$w0rd");
-    const clearButton = getAllByRole("button")[0];
-    userEvent.click(clearButton);
-    expect(password.value).toBe("");
-  });
-
-  test("Non clearable password has no clear icon", () => {
-    const onChange = jest.fn();
-    const { getAllByRole, getByRole } = render(<DxcPassword label="Password" onChange={onChange} />);
-    const password = getByRole("textbox");
-    userEvent.type(password, "Pa$$w0rd");
-    expect(password.value).toBe("Pa$$w0rd");
-    const buttons = getAllByRole("button");
-    expect(buttons.length).toBe(1);
-  });
-
-  test("Show/hide password button works correctly", () => {
-    const onChange = jest.fn();
-    const { getAllByRole, getByRole } = render(<DxcPassword label="Password" clearable onChange={onChange} />);
-    const password = getByRole("textbox");
-    userEvent.type(password, "Pa$$w0rd");
-    expect(password.value).toBe("Pa$$w0rd");
-    expect(password.type).toBe("password");
-    const showButton = getAllByRole("button")[1];
-    userEvent.click(showButton);
-    expect(password.type).toBe("text");
-  });
-
-  test("Password has correct accesibility attributes", () => {
-    const { getByRole } = render(<DxcPassword label="Password" />);
-    const password = getByRole("textbox");
-    expect(password.getAttribute("aria-autocomplete")).toBeNull();
-    expect(password.getAttribute("aria-controls")).toBeNull();
-    const showButton = getByRole("button");
-    expect(showButton.getAttribute("aria-expanded")).toBe("false");
-    expect(showButton.getAttribute("aria-label")).toBe("Show");
-    userEvent.click(showButton);
-    expect(showButton.getAttribute("aria-expanded")).toBe("true");
-    expect(showButton.getAttribute("aria-label")).toBe("Hide");
-  });
-});