diff --git a/plugins/scaffolder/src/components/fields/RepoUrlPicker/utils.test.ts b/plugins/scaffolder/src/components/fields/RepoUrlPicker/utils.test.ts
new file mode 100644
index 0000000000..e6065ef737
--- /dev/null
+++ b/plugins/scaffolder/src/components/fields/RepoUrlPicker/utils.test.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright 2022 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { splitFormData, serializeFormData } from './utils';
+
+describe('utils', () => {
+  describe('serializeFormData', () => {
+    it('should return undefined when host is not set', () => {
+      expect(serializeFormData({})).toBeUndefined();
+    });
+
+    it('should set the correct owner and repo', () => {
+      expect(
+        serializeFormData({
+          host: 'github.com',
+          owner: 'owner',
+          repo: 'backstage',
+        }),
+      ).toBe('github.com?owner=owner&repo=backstage');
+    });
+
+    it('should set correct other options', () => {
+      expect(
+        serializeFormData({
+          host: 'github.com',
+          organization: 'organization',
+          workspace: 'workspace',
+          project: 'backstage',
+        }),
+      ).toBe(
+        'github.com?organization=organization&workspace=workspace&project=backstage',
+      );
+    });
+
+    it('should set all correct options', () => {
+      expect(
+        serializeFormData({
+          host: 'github.com',
+          owner: 'owner',
+          repo: 'backstage',
+          organization: 'organization',
+          workspace: 'workspace',
+          project: 'backstage',
+        }),
+      ).toBe(
+        'github.com?owner=owner&repo=backstage&organization=organization&workspace=workspace&project=backstage',
+      );
+    });
+  });
+
+  describe('splitFormData', () => {
+    it('should parse a complete string', () => {
+      expect(
+        splitFormData(
+          'github.com?owner=owner&repo=backstage&organization=organization&workspace=workspace&project=backstage',
+        ),
+      ).toEqual({
+        host: 'github.com',
+        owner: 'owner',
+        repo: 'backstage',
+        organization: 'organization',
+        workspace: 'workspace',
+        project: 'backstage',
+      });
+    });
+  });
+});