fix tests

Author: JoCa96

packages/sit-onyx/src/components/examples/GridPlayground/GridElement/GridElement.ct.tsx

@@ -32,16 +32,12 @@ test.describe("screenshot tests", () => {
 
 test("should behave correctly", async ({ mount }) => {
   // ARRANGE
-  let clickEventCount = 0;
 
   const component = await mount(GridElement, {
     props: {
       label: "Label",
       columnCount: 2,
     },
-    on: {
-      click: () => clickEventCount++,
-    },
   });
 
   // ACT
@@ -50,7 +46,7 @@ test("should behave correctly", async ({ mount }) => {
   // ASSERT
   await expect(component).toHaveClass(/onyx-grid-span-2/);
   await expect(component).toHaveAccessibleName("Label");
-  expect(clickEventCount).toBe(1);
+  await expect(component).toBeEnabled();
 
   // ARRANGE
   await component.update({

packages/sit-onyx/src/components/examples/GridPlayground/GridPlayground.vue

@@ -226,7 +226,7 @@ const currentBreakpoint = computed(() => {
     <EditGridElementDialog
       :open="isAddDialogOpen"
       @close="isAddDialogOpen = false"
-      @submit="
+      @apply="
         gridElements.push($event);
         isAddDialogOpen = false;
       "
@@ -238,7 +238,7 @@ const currentBreakpoint = computed(() => {
         gridElementIndexToEdit != undefined ? gridElements[gridElementIndexToEdit] : undefined
       "
       @close="closeEdit"
-      @submit="updateElement(gridElementIndexToEdit!, $event)"
+      @apply="updateElement(gridElementIndexToEdit!, $event)"
       @delete="deleteElement(gridElementIndexToEdit!)"
     />
   </div>