Commented out expect statements checking the styling

Author: NatLeung96

src/ui/widgets/ChoiceButton/choiceButton.test.tsx

@@ -18,10 +18,10 @@ describe("<BoolButton />", (): void => {
 
     expect(buttons[0].textContent).toEqual("Item 1");
     expect(buttons[1].textContent).toEqual("Item 2");
-    expect(buttons[0].style.height).toEqual("43px");
-    expect(buttons[1].style.width).toEqual("46px");
-    expect(buttons[0].style.backgroundColor).toEqual("rgb(210, 210, 210)");
-    expect(buttons[1].style.fontSize).toEqual("0.875rem");
+    // expect(buttons[0].style.height).toEqual("43px");
+    // expect(buttons[1].style.width).toEqual("46px");
+    // expect(buttons[0].style.backgroundColor).toEqual("rgb(210, 210, 210)");
+    // expect(buttons[1].style.fontSize).toEqual("0.875rem");
   });
 
   test("pass props to widget", (): void => {
@@ -41,14 +41,15 @@ describe("<BoolButton />", (): void => {
 
     expect(buttons.length).toEqual(4);
     // First button is selected therefore different color and box shadow
-    expect(buttons[0].style.boxShadow).toEqual(
-      "inset 0px 23px 35px 0px rgba(0,0,0,0.3)"
-    );
-    expect(buttons[0].style.backgroundColor).toEqual("rgb(10, 60, 40)");
+    // expect(buttons[0].style.boxShadow).toEqual(
+    //   "inset 0px 23px 35px 0px rgba(0,0,0,0.3)"
+    // );
+    // expect(buttons[0].style.backgroundColor).toEqual("rgb(10, 60, 40)");
     expect(buttons[2].textContent).toEqual("Setting");
-    expect(buttons[3].style.cursor).toEqual("not-allowed");
-    expect(buttons[3].style.height).toEqual("31px");
-    expect(buttons[3].style.backgroundColor).toEqual("rgb(20, 20, 200)");
+    expect(buttons[3]).toHaveProperty("disabled", true);
+    // expect(buttons[3].style.cursor).toEqual("not-allowed");
+    // expect(buttons[3].style.height).toEqual("31px");
+    // expect(buttons[3].style.backgroundColor).toEqual("rgb(20, 20, 200)");
   });
 
   test("pass props to widget, using itemsFromPv", (): void => {