fix tests

Author: b-yogesh

chartlets.js/packages/lib/src/actions/handleHostStoreChanges.test.tsx

@@ -201,6 +201,7 @@ describe("handleHostStoreChange", () => {
     expect(result[0]).toEqual({
       ...propertyRefs[0],
       inputValues: ["CHL"],
+      outputIds: [],
     });
 
     // second call -> memoized -> should not create callback request
@@ -213,6 +214,7 @@ describe("handleHostStoreChange", () => {
     expect(result[0]).toEqual({
       ...propertyRefs[0],
       inputValues: ["TMP"],
+      outputIds: [],
     });
 
     // fourth call -> memoized -> should not invoke callback

chartlets.js/packages/lib/src/plugins/mui/Skeleton.test.tsx

@@ -4,21 +4,15 @@ import { Skeleton } from "@/plugins/mui/Skeleton";
 
 describe("Skeleton", () => {
   it("should render the MUI Skeleton when loading is true", () => {
-    render(<Skeleton loading height={10} />);
+    render(<Skeleton isLoading height={10} />);
     const muiSkeleton = screen.getByTestId("skeleton-test-id");
     expect(muiSkeleton).toBeInTheDocument();
     expect(muiSkeleton).toHaveClass("MuiSkeleton-root");
   });
 
-  it("should not render the MUI Skeleton without skeletonProps", () => {
-    render(<Skeleton loading />);
-    const muiSkeleton = screen.queryByTestId("skeleton-test-id");
-    expect(muiSkeleton).not.toBeInTheDocument();
-  });
-
   it("should not render the MUI Skeleton and render children when loading is false", () => {
     render(
-      <Skeleton loading={false} height={10}>
+      <Skeleton isLoading={false} height={10}>
         <div>Test Content</div>
       </Skeleton>,
     );
@@ -28,26 +22,20 @@ describe("Skeleton", () => {
   });
 
   it("should render with the specified variant", () => {
-    render(<Skeleton loading variant="circular" />);
+    render(<Skeleton isLoading variant="circular" />);
     const muiSkeleton = screen.getByTestId("skeleton-test-id");
     expect(muiSkeleton).toHaveClass("MuiSkeleton-circular");
   });
 
   it("should render with specified width and height", () => {
-    render(<Skeleton loading width={100} height={50} />);
+    render(<Skeleton isLoading width={100} height={50} />);
     const muiSkeleton = screen.getByTestId("skeleton-test-id");
     expect(muiSkeleton).toHaveStyle("width: 100px");
     expect(muiSkeleton).toHaveStyle("height: 50px");
   });
 
-  it("should render with specified style", () => {
-    render(<Skeleton loading style={{ backgroundColor: "red" }} height={10} />);
-    const muiSkeleton = screen.getByTestId("skeleton-test-id");
-    expect(muiSkeleton).toHaveStyle("background-color: rgb(255, 0, 0);");
-  });
-
   it("should render with specified animation", () => {
-    render(<Skeleton loading animation="wave" />);
+    render(<Skeleton isLoading animation="wave" />);
     const muiSkeleton = screen.getByTestId("skeleton-test-id");
     expect(muiSkeleton).toHaveClass("MuiSkeleton-wave");
   });