@dxc-technology/halstack-react 0.0.0-301f60b → 0.0.0-335f028

package/wizard/Wizard.test.js

@@ -17,21 +17,39 @@ describe("Wizard components tests", function () {
         label: "second-step"
       }]
     })),
-        getByText = _render.getByText;
+        getByText = _render.getByText,
+        getAllByRole = _render.getAllByRole;
 
+    var steps = getAllByRole("button");
     expect(getByText("first-step")).toBeTruthy();
     expect(getByText("second-step")).toBeTruthy();
+    expect(steps[0].getAttribute("aria-current")).toBe("step");
+    expect(steps[1].getAttribute("aria-current")).toBe("false");
+  });
+  test("Wizard renders with initially selected step", function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+      defaultCurrentStep: 1,
+      steps: [{
+        label: "first-step"
+      }, {
+        label: "second-step"
+      }]
+    })),
+        getAllByRole = _render2.getAllByRole;
+
+    var steps = getAllByRole("button");
+    expect(steps[1].getAttribute("aria-current")).toBe("step");
   });
   test("Click on step text", function () {
     var onClick = jest.fn();
 
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
       onStepClick: onClick,
       steps: [{
         label: "first-step"
       }]
     })),
-        getByText = _render2.getByText;
+        getByText = _render3.getByText;
 
     var step = getByText("first-step");
 
@@ -42,14 +60,14 @@ describe("Wizard components tests", function () {
   test("Click on step description", function () {
     var onClick = jest.fn();
 
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
       onStepClick: onClick,
       steps: [{
         label: "first-step",
         description: "step-description"
       }]
     })),
-        getByText = _render3.getByText;
+        getByText = _render4.getByText;
 
     var step = getByText("step-description");
 
@@ -60,13 +78,13 @@ describe("Wizard components tests", function () {
   test("Click on step number", function () {
     var onClick = jest.fn();
 
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
       onStepClick: onClick,
       steps: [{
         label: "first-step"
       }]
     })),
-        getByText = _render4.getByText;
+        getByText = _render5.getByText;
 
     var step = getByText("1");
 
@@ -77,7 +95,7 @@ describe("Wizard components tests", function () {
   test("Click on disable step", function () {
     var onClick = jest.fn();
 
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
       onStepClick: onClick,
       steps: [{
         label: "first-step"
@@ -86,7 +104,7 @@ describe("Wizard components tests", function () {
         disabled: true
       }]
     })),
-        getByText = _render5.getByText;
+        getByText = _render6.getByText;
 
     var step = getByText("second-step");
 
@@ -99,8 +117,8 @@ describe("Wizard components tests", function () {
       return i;
     });
 
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-      currentStep: 1,
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
+      currentStep: 0,
       onStepClick: onClick,
       steps: [{
         label: "first-step"
@@ -108,21 +126,16 @@ describe("Wizard components tests", function () {
         label: "second-step"
       }]
     })),
-        getByText = _render6.getByText;
-
-    var step1 = getByText("first-step");
-    var step2 = getByText("second-step");
-
-    _react2.fireEvent.click(step1);
+        getAllByRole = _render7.getAllByRole;
 
-    _react2.fireEvent.click(step2);
+    var steps = getAllByRole("button");
 
-    _react2.fireEvent.click(step1);
+    _react2.fireEvent.click(steps[1]);
 
-    expect(onClick).toHaveBeenCalledTimes(3); //Test the received value in the onClick function
+    _react2.fireEvent.click(steps[0]);
 
-    expect(onClick).toHaveBeenNthCalledWith(1, 0);
-    expect(onClick).toHaveBeenNthCalledWith(2, 1);
-    expect(onClick).toHaveBeenNthCalledWith(3, 0);
+    expect(onClick).toHaveBeenCalledTimes(2);
+    expect(onClick).toHaveBeenNthCalledWith(1, 1);
+    expect(onClick).toHaveBeenNthCalledWith(2, 0);
   });
 });

package/wizard/types.d.ts

@@ -6,7 +6,7 @@ declare type Margin = {
     left?: Space;
     right?: Space;
 };
-declare type SVG = React.SVGProps<SVGSVGElement> | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+declare type SVG = React.SVGProps<SVGSVGElement>;
 declare type Step = {
     /**
      * Step label.
@@ -35,7 +35,11 @@ declare type Props = {
      */
     mode?: "horizontal" | "vertical";
     /**
-     * Defines which step is marked as the current. The numeration starts in 0.
+     * Initially selected step, only when it is uncontrolled.
+     */
+    defaultCurrentStep?: number;
+    /**
+     * Defines which step is marked as the current. The numeration starts at 0.
      */
     currentStep?: number;
     /**

package/ThemeContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-declare const ThemeContext: React.Context<object>;
-declare type ThemeProviderPropsType = {
-    theme?: object;
-    advancedTheme?: object;
-    children: React.ReactNode;
-};
-declare const ThemeProvider: ({ theme, advancedTheme, children }: ThemeProviderPropsType) => JSX.Element;
-export default ThemeContext;
-export { ThemeProvider };