feat(app): checking onchain badges to see if hash used before, adding tests

app/.env-example.env

@@ -101,3 +101,4 @@ NEXT_PUBLIC_GA_ID=id
 NEXT_PUBLIC_SCROLL_BADGE_PROVIDER_INFO='[{"badgeContractAddress":"0x71A848A38fFCcA5c7A431F2BB411Ab632Fa0c456","title":"Passport Developer","providers":[{"level":100,"name":"DeveloperList#ContributorPassport10#b1933500","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"},{"level":200,"name":"DeveloperList#ContributorPassport20#a4d87d4e","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"},{"level":300,"name":"DeveloperList#ContributorPassport30#4f1f3558","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"}]},{"badgeContractAddress":"0x71A848A38fFCcA5c7A431F2BB411Ab632Fa0c456","title":"Passport Developer 2","providers":[{"level":100,"name":"DeveloperList#ContributorPassport10#b1933500","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"},{"level":200,"name":"DeveloperList#ContributorPassport20#a4d87d4e","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"},{"level":300,"name":"DeveloperList#ContributorPassport30#4f1f3558","image":"https://raw.githubusercontent.com/passportxyz/passport/10533495e270f7f0706e16d0d7c8ff0e68aa6c34/app/public/assets/zkInfraTalent1.svg"}]}]'
 # testnet
 NEXT_PUBLIC_SCROLL_CAMPAIGN_CHAIN_ID=0x8274f
+NEXT_PUBLIC_SCROLL_CANVAS_PROFILE_REGISTRY_ADDRESS=

app/__tests__/components/ScrollCampaign.test.tsx

@@ -13,8 +13,11 @@ import { useScrollBadge } from "../../hooks/useScrollBadge";
 import { ScrollStepsBar } from "../../components/scroll/ScrollLayout";
 import { useMintBadge } from "../../hooks/useMintBadge";
 import { ProviderWithTitle } from "../../components/ScrollCampaign";
+import { ethers } from "ethers";
+import { scrollCampaignChain } from "../../config/scroll_campaign";
 
 jest.mock("@gitcoin/passport-database-client");
+jest.mock("ethers");
 
 const navigateMock = jest.fn();
 jest.mock("react-router-dom", () => ({
@@ -49,8 +52,6 @@ jest.mock("../../utils/helpers", () => {
 });
 
 jest.mock("../../config/scroll_campaign", () => {
-  const originalModule = jest.requireActual("../../config/scroll_campaign");
-
   const mockBadgeProviders = [
     {
       badgeContractAddress: "0xMockContractAddress",
@@ -75,13 +76,13 @@ jest.mock("../../config/scroll_campaign", () => {
   };
 
   return {
-    ...originalModule,
     badgeContractInfo: mockBadgeProviders,
     scrollCampaignBadgeProviderInfo: mockScrollCampaignBadgeProviderInfo,
     scrollCampaignBadgeProviders: ["SomeDeveloperProvider"],
     loadBadgeProviders: jest.fn().mockImplementation(() => {
       return mockBadgeProviders;
     }),
+    scrollCampaignChain: { id: "0x1", rpcUrl: "https://example.com" },
   };
 });
 
@@ -312,9 +313,6 @@ describe("Github Connect page tests", () => {
       </MemoryRouter>
     );
 
-    // const canvasRedirectButton = screen.queryByTestId("canvasRedirectButton");
-    // expect(canvasRedirectButton).toBeInTheDocument();
-
     expect(navigateMock).toHaveBeenCalledTimes(1);
   });
 });
@@ -403,22 +401,36 @@ describe("ScrollCampaign Step 2 (Mint Badge) tests", () => {
   it("renders ScrollMintingBadge when syncingToChain is true", async () => {
     (useParams as jest.Mock).mockReturnValue({ campaignId: "scroll-developer", step: "2" });
 
-    const earnedBadges: ProviderWithTitle[] = [
-      {
-        name: "SomeDeveloperProvider" as PROVIDER_ID,
-        title: "Mock Badge Title",
-        image: "mockImage.png",
-        level: 1,
+    (mockDatabase.getPassport as jest.Mock).mockResolvedValue({
+      status: "Success",
+      passport: {
+        stamps: [
+          {
+            provider: "SomeDeveloperProvider",
+            credential: {
+              credentialSubject: {
+                hash: "hash:0xMockHash",
+              },
+            },
+          },
+        ],
       },
-    ];
+    });
 
     (useMintBadge as jest.Mock).mockReturnValue({
       onMint: jest.fn(),
       syncingToChain: true,
-      earnedBadges: earnedBadges,
       badgesFreshlyMinted: false,
     });
 
+    const mockContract = {
+      getProfile: jest.fn().mockResolvedValue("0xMockProfileAddress"),
+      isProfileMinted: jest.fn().mockResolvedValue(true),
+      burntProviderHashes: jest.fn().mockResolvedValue(false),
+    };
+
+    (ethers.Contract as jest.Mock).mockImplementation(() => mockContract);
+
     renderWithContext(
       mockCeramicContext,
       <MemoryRouter initialEntries={["/campaign/scroll-developer/2"]}>
@@ -427,9 +439,11 @@ describe("ScrollCampaign Step 2 (Mint Badge) tests", () => {
     );
 
     // Verify that the ScrollMintingBadge component is rendered
-    expect(screen.getByText("Minting badges...")).toBeInTheDocument();
+    expect(screen.getByText("Minting badge...")).toBeInTheDocument();
 
     // Check that the badges are displayed
-    expect(screen.getByText("Mock Badge Title")).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText("Mock Badge Title")).toBeInTheDocument();
+    });
   });
 });