@nice-digital/nds-button 4.0.4-alpha.0 → 4.0.5

package/es/Button.js

@@ -48,7 +48,7 @@ const Button = (props) => {
         [`btn--${variant}`]: variant !== exports.buttonVariants.primary,
         [`${className}`]: !!className
     });
-    return ((0, jsx_runtime_1.jsx)(ButtonTagType, Object.assign({}, buttonProps, attributes, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(ButtonTagType, Object.assign({}, buttonProps, attributes, { "data-component": `button${variant ? `--${variant}` : ""}${buttonType ? `--${buttonType}` : ""}` }, { children: children })));
 };
 exports.Button = Button;
 // Legacy references - deprecated!

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-button",
-	"version": "4.0.4-alpha.0",
+	"version": "4.0.5",
 	"description": "Button component for the NICE Design System",
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
@@ -27,7 +27,7 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.2-alpha.0",
+		"@nice-digital/nds-core": "^4.0.3",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
@@ -42,5 +42,5 @@
 		"@types/node": "^18.11.9",
 		"typescript": "^4.8.4"
 	},
-	"gitHead": "0a6b742ccd11300f0586abf5dc3790e217f70c21"
+	"gitHead": "ae51389ba2e51dbe9ee3849e71d44fd567fb2822"
 }

package/es/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/es/Button.test.js

@@ -1,108 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const Button_1 = require("./Button");
-describe("@nice-digital/nds-button", () => {
-    it("should render a button tag", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Example" }));
-        expect(wrapper.getByRole("button")).toBeInTheDocument();
-    });
-    it("should match snapshot", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Example" }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    describe("contents", () => {
-        it("should render children prop into button contents", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Test contents" }));
-            expect(wrapper.getByRole("button", { name: "Test contents" })).toBeInTheDocument();
-        });
-        it("should render multiple children as content", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsxs)(Button_1.Button, { children: [(0, jsx_runtime_1.jsx)("span", { children: "1" }), (0, jsx_runtime_1.jsx)("span", { children: "2" })] }));
-            expect(wrapper.getByRole("button").querySelectorAll("span").length).toBe(2);
-        });
-    });
-    describe("button types", () => {
-        it("should pass buttonType prop into type attribute on rendered button", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ buttonType: "submit" }, { children: "Test contents" })));
-            expect(wrapper.getByRole("button").getAttribute("type")).toBe("submit");
-        });
-    });
-    describe("variants", () => {
-        it("should just use btn class for primary variant", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "primary" }, { children: "Primary" })));
-            expect(wrapper.getByRole("button")).toHaveClass("btn");
-        });
-        it("should append cta modifier class for cta variant", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "cta" }, { children: "CTA" })));
-            expect(wrapper.getByRole("button")).toHaveClass("btn btn--cta");
-        });
-        it("should append secondary modifier class for secondary variant", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "secondary" }, { children: "Secondary" })));
-            expect(wrapper.getByRole("button")).toHaveClass("btn btn--secondary");
-        });
-        it("should append inverse modifier class for inverse variant", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "inverse" }, { children: "Inverse" })));
-            expect(wrapper.getByRole("button")).toHaveClass("btn btn--inverse");
-        });
-    });
-    describe("anchors", () => {
-        it("should render an anchor when to prop is passed", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ to: "/test" }, { children: "Test" })));
-            expect(wrapper.getByRole("link")).toBeInTheDocument();
-        });
-        it("should render an href attribute with value from to prop", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "anchor", to: "/test" }, { children: "Test" })));
-            expect(wrapper.getByRole("link").getAttribute("href")).toBe("/test");
-        });
-    });
-    describe("props", () => {
-        it("should pass props as attributes on rendered element", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "submit", disabled: true, variant: "cta" }, { children: "txt" })));
-            const button = wrapper.getByRole("button", {
-                name: "txt"
-            });
-            expect(button).toHaveClass("btn btn--cta");
-            expect(button.getAttribute("type")).toBe("submit");
-            expect(button.disabled).toBe(true);
-        });
-        it("should append given className prop to rendered className attribute", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ className: "mt--0", to: "/test" }, { children: "txt" })));
-            expect(wrapper.getByRole("link", { name: "txt" }).getAttribute("href")).toBe("/test");
-            expect(wrapper.getByRole("link", { name: "txt" })).toHaveClass("btn mt--0");
-        });
-        it("should call onClick handler", () => __awaiter(void 0, void 0, void 0, function* () {
-            const clickHandler = jest.fn();
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: clickHandler }, { children: "Test" })));
-            const button = wrapper.getByRole("button");
-            user_event_1.default.click(button);
-            yield (0, react_1.waitFor)(() => {
-                expect(clickHandler).toHaveBeenCalled();
-            });
-        }));
-    });
-    describe("should render the appropriate link method for the supplied elementType and method", () => {
-        it("should use any supplied method", () => {
-            var _a;
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ method: "pigeon", to: "/one", className: "one" }, { children: "One" })) }));
-            expect((_a = container.querySelector(".one")) === null || _a === void 0 ? void 0 : _a.getAttribute("pigeon")).toBe("/one");
-        });
-        it("should use href if elementType is anchor", () => {
-            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ elementType: "a", to: "/two", className: "two" }, { children: "Two" })));
-            expect(wrapper.getByRole("link", { name: "Two" }).getAttribute("href")).toBe("/two");
-        });
-    });
-});