test: custom icons for custom thirdparty providers

supertokens · Sep 25, 2023 · 9a85a3a · 9a85a3a
1 parent a76a38e
commit 9a85a3a
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/test/unit/recipe/thirdparty/thirdParty.test.ts b/test/unit/recipe/thirdparty/thirdParty.test.ts
@@ -256,6 +256,31 @@ describe("ThirdParty", function () {
         );
     });
 
+    it("Initializing ThirdParty with custom provider and custom logo if provided", async function () {
+        ThirdParty.init({
+            signInAndUpFeature: {
+                providers: [
+                    {
+                        id: "slack",
+                        name: "Slack",
+                        logo: "LOGO" as any,
+                    },
+                ],
+            },
+        }).authReact(SuperTokens.getInstanceOrThrow().appInfo, false);
+        assert.notDeepStrictEqual(ThirdParty.getInstanceOrThrow(), undefined);
+        assert.deepStrictEqual(ThirdParty.getInstanceOrThrow().config.recipeId, "thirdparty");
+        assert.deepStrictEqual(
+            ThirdParty.getInstanceOrThrow().config.appInfo,
+            SuperTokens.getInstanceOrThrow().appInfo
+        );
+        assert.deepStrictEqual(ThirdParty.getInstanceOrThrow().config.signInAndUpFeature.providers.length, 1);
+        assert.deepStrictEqual(
+            ThirdParty.getInstanceOrThrow().config.signInAndUpFeature.providers[0].getLogo(),
+            "LOGO"
+        );
+    });
+
     it("Initializing ThirdParty with Google twice only shows a warning and filters duplicate", async function () {
         ThirdParty.init({
             signInAndUpFeature: {

diff --git a/test/with-typescript/src/App.tsx b/test/with-typescript/src/App.tsx
@@ -453,6 +453,12 @@ function getThirdPartyConfigs() {
                     name: "Custom",
                     buttonComponent: <span>ASDF Custom</span>,
                 },
+                {
+                    id: "custom-2",
+                    name: "Custom-2",
+                    logo: <svg></svg>,
+                    buttonComponent: <span>ASDF Custom</span>,
+                },
             ],
         },
         oAuthCallbackScreen: {
@@ -493,6 +499,11 @@ function getThirdPartyEmailPasswordConfigs() {
                 {
                     id: "custom",
                     name: "Custom",
+                    logo: <svg></svg>,
+                },
+                {
+                    id: "custom-2",
+                    name: "Custom-2",
                 },
             ],
         },