test(checkbox-radio-selection-web): fix e2e tests

Author: rahmanunver

packages/pluggableWidgets/checkbox-radio-selection-web/e2e/SelectionControls.spec.js

@@ -13,38 +13,38 @@ test.describe("checkbox-radio-selection-web", () => {
 
     test.describe("data source types", () => {
         test("renders checkbox radio selection using association", async ({ page }) => {
-            const selectionControls = page.locator(".mx-name-checkboxRadioSelection1");
+            const selectionControls = page.locator(".mx-name-checkboxRadioButton1");
             await expect(selectionControls).toBeVisible({ timeout: 10000 });
             await expect(selectionControls).toHaveScreenshot(`checkboxRadioSelectionAssociation.png`);
         });
 
         test("renders checkbox radio selection using enum", async ({ page }) => {
-            const selectionControls = page.locator(".mx-name-checkboxRadioSelection2");
+            const selectionControls = page.locator(".mx-name-checkboxRadioButton2");
             await expect(selectionControls).toBeVisible({ timeout: 10000 });
             await expect(selectionControls).toHaveScreenshot(`checkboxRadioSelectionEnum.png`);
         });
 
         test("renders checkbox radio selection using boolean", async ({ page }) => {
-            const selectionControls = page.locator(".mx-name-checkboxRadioSelection3");
+            const selectionControls = page.locator(".mx-name-checkboxRadioButton3");
             await expect(selectionControls).toBeVisible({ timeout: 10000 });
             await expect(selectionControls).toHaveScreenshot(`checkboxRadioSelectionBoolean.png`);
         });
 
         test("renders checkbox radio selection using static values", async ({ page }) => {
-            const selectionControls = page.locator(".mx-name-checkboxRadioSelection4");
+            const selectionControls = page.locator(".mx-name-checkboxRadioButton4");
             await expect(selectionControls).toBeVisible({ timeout: 10000 });
             await expect(selectionControls).toHaveScreenshot(`checkboxRadioSelectionStatic.png`);
         });
 
         test("renders checkbox radio selection using database", async ({ page }) => {
-            const selectionControls = page.locator(".mx-name-checkboxRadioSelection5");
+            const selectionControls = page.locator(".mx-name-checkboxRadioButton5");
             await expect(selectionControls).toBeVisible({ timeout: 10000 });
             await expect(selectionControls).toHaveScreenshot(`checkboxRadioSelectionDatabase.png`);
         });
 
         test.describe("selection behavior", () => {
             test("handles radio button selection", async ({ page }) => {
-                const selectionControls = page.locator(".mx-name-checkboxRadioSelection1");
+                const selectionControls = page.locator(".mx-name-checkboxRadioButton1");
                 await expect(selectionControls).toBeVisible({ timeout: 10000 });
 
                 const radioOption = selectionControls.locator('input[type="radio"]').first();
@@ -53,7 +53,7 @@ test.describe("checkbox-radio-selection-web", () => {
             });
 
             test("handles checkbox selection", async ({ page }) => {
-                const selectionControls = page.locator(".mx-name-checkboxRadioSelection6"); // multi selection
+                const selectionControls = page.locator(".mx-name-checkboxRadioButton6"); // multi selection
                 await expect(selectionControls).toBeVisible({ timeout: 10000 });
 
                 const checkboxOption = selectionControls.locator('input[type="checkbox"]').first();