fix: fix unit test for switch widget

Author: Srirang Kalantri

packages/pluggableWidgets/switch-native/package.json

@@ -1,7 +1,7 @@
 {
   "name": "switch-native",
   "widgetName": "Switch",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

packages/pluggableWidgets/switch-native/src/Switch.tsx

@@ -76,6 +76,7 @@ export function Switch(props: Props): ReactElement {
                 // Horizontal layout: label and switch in a row, validation message below
                 <>
                     <View
+                        testID={`${name}$horizontalContainer`}
                         style={{
                             flexDirection: "row",
                             alignItems: "center",

packages/pluggableWidgets/switch-native/src/__tests__/Switch.spec.tsx

@@ -56,14 +56,23 @@ describe("Switch", () => {
         expect(screen.getByTestId(`${name}$label`)).toBeTruthy();
     });
 
-    it("with showLabel true renders label horizontally", () => {
+    it("with showLabel true and horizontal orientation, renders label and switch in a row", () => {
         const props = createProps({
-            showLabel: true
+            showLabel: true,
+            labelOrientation: "horizontal",
+            label: dynamicValue<string>("Test Label", false)
         });
 
         render(<Switch {...props} />);
-        const wrapper = screen.getByTestId(`${name}$wrapper`);
-        expect(wrapper.props.style).toEqual(expect.arrayContaining([{ flexDirection: "row", alignItems: "center" }]));
+
+        const horizontalContainer = screen.getByTestId(`${name}$horizontalContainer`);
+
+        expect(horizontalContainer.props.style).toEqual(
+            expect.objectContaining({ flexDirection: "row", alignItems: "center" })
+        );
+
+        expect(horizontalContainer).toContainElement(screen.getByTestId(`${name}$label`));
+        expect(horizontalContainer).toContainElement(screen.getByTestId(name));
     });
 
     it("with showLabel true and labelOrientation vertical, renders vertical", () => {
@@ -75,8 +84,9 @@ describe("Switch", () => {
         render(<Switch {...props} />);
         const wrapper = screen.getByTestId(`${name}$wrapper`);
         expect(wrapper.props.style).toEqual(
-            expect.not.arrayContaining([{ flexDirection: "row", alignItems: "center" }])
+            expect.arrayContaining([{ flexDirection: "column", alignItems: "flex-start" }])
         );
+        expect(screen.queryByTestId(`${name}$horizontalContainer`)).toBeNull();
     });
 
     it("with error renders validation message", () => {

packages/pluggableWidgets/switch-native/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Switch" version="1.1.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Switch" version="1.1.1" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Switch.xml" />
         </widgetFiles>