TTC
Theo's Typesafe Cultsheng2808

upload thing jest

how to i set up testing with jest on components that include uploadthing? [2:40 PM] seems like it keeps throwing this error Cannot find module '@uploadthing/react' from 'src/common/tests/components.test.tsx'
S
sheng2808•337d ago
import React from "react";
import { render, fireEvent } from "@testing-library/react";
import { UploadButton } from "@uploadthing/react";
import { OurFileRouter } from "~/app/api/uploadthing/core";

describe("UploadButton", () => {
  it("should trigger client upload complete callback when upload is completed", () => {
    // Mock the onClientUploadComplete callback
    const onClientUploadCompleteMock = jest.fn();

    // Render the component
    const { getByText } = render(
      <UploadButton<OurFileRouter>
        endpoint="imageUploader"
        multiple={false}
        onClientUploadComplete={onClientUploadCompleteMock}
        onUploadError={jest.fn()} // Mock the onUploadError callback
      />
    );

    // Simulate an upload completion event
    fireEvent.click(getByText("Upload"));

    // Assert that the onClientUploadComplete callback has been called
    expect(onClientUploadCompleteMock).toHaveBeenCalled();
  });

  // Add more test cases as needed
});
import React from "react";
import { render, fireEvent } from "@testing-library/react";
import { UploadButton } from "@uploadthing/react";
import { OurFileRouter } from "~/app/api/uploadthing/core";

describe("UploadButton", () => {
  it("should trigger client upload complete callback when upload is completed", () => {
    // Mock the onClientUploadComplete callback
    const onClientUploadCompleteMock = jest.fn();

    // Render the component
    const { getByText } = render(
      <UploadButton<OurFileRouter>
        endpoint="imageUploader"
        multiple={false}
        onClientUploadComplete={onClientUploadCompleteMock}
        onUploadError={jest.fn()} // Mock the onUploadError callback
      />
    );

    // Simulate an upload completion event
    fireEvent.click(getByText("Upload"));

    // Assert that the onClientUploadComplete callback has been called
    expect(onClientUploadCompleteMock).toHaveBeenCalled();
  });

  // Add more test cases as needed
});
Want results from more Discord servers?
Add your server
More Posts
NextJS and Bare MetalWhat all features would break/may not work if I decide to deploy to NEXTjs to bare metal instead of Cloud storage solutions for collaborating on local filesI want to collaborate on .md files (via Obsidian. for developer documentaion) and video recordings wcold startsI’m having an issue with my first queries after the db going idle taking about 11s to 12s which is cAndroid emulator cannot connect to my Expo without tunnelHello, I am building an app with `create-t3-turbo` in windows 11. I keep getting the error connectis this middleware is good for longterm?hello guys, in these code snippet i want to check if user is subs and valid, but i im wondering if tBidrectional Infinite Scrolling ImplementationHi guys have you ever implemented something like this in a chat application? or any application for