chore: add-tests

Author: ryanbas21

e2e/davinci-app/main.ts

@@ -2,7 +2,7 @@ import './style.css';
 
 import { Config, FRUser, TokenManager } from '@forgerock/javascript-sdk';
 import { davinci } from '@forgerock/davinci-client';
-import type { DaVinciConfig } from '@forgerock/davinci-client/types';
+//import type { DaVinciConfig } from '@forgerock/davinci-client/types';
 
 import usernameComponent from './components/text.js';
 import passwordComponent from './components/password.js';
@@ -11,9 +11,26 @@ import protect from './components/protect.js';
 import flowLinkComponent from './components/flow-link.js';
 import socialLoginButtonComponent from './components/social-login-button.js';
 
-const config: DaVinciConfig = {
-  clientId: '724ec718-c41c-4d51-98b0-84a583f450f9',
-  redirectUri: window.location.origin + '/',
+const qs = window.location.search;
+const searchParams = new URLSearchParams(qs);
+
+const query: Record<string, string | string[]> = {};
+
+// Get all unique keys from the searchParams
+const uniqueKeys = new Set(searchParams.keys());
+
+// Iterate over the unique keys
+for (const key of uniqueKeys) {
+  const values = searchParams.getAll(key);
+  query[key] = values.length > 1 ? values : values[0];
+}
+let clientId = '724ec718-c41c-4d51-98b0-84a583f450f9';
+if (query.clientId && query.clientId.length > 0) {
+  clientId = query.clientId as string;
+}
+const config = {
+  clientId,
+  redirectUri: `${window.location.origin}/`,
   scope: 'openid profile email name revoke',
   serverConfig: {
     wellknown:
@@ -79,7 +96,7 @@ const config: DaVinciConfig = {
 
     const loginBtn = document.getElementById('logoutButton') as HTMLButtonElement;
     loginBtn.addEventListener('click', async () => {
-      await FRUser.logout({ logoutRedirectUri: window.location.href });
+      await FRUser.logout({ logoutRedirectUri: window.location.origin });
 
       window.location.reload();
     });
@@ -179,20 +196,6 @@ const config: DaVinciConfig = {
     console.log('Event emitted from store:', node);
   });
 
-  const qs = window.location.search;
-  const searchParams = new URLSearchParams(qs);
-
-  const query: Record<string, string | string[]> = {};
-
-  // Get all unique keys from the searchParams
-  const uniqueKeys = new Set(searchParams.keys());
-
-  // Iterate over the unique keys
-  for (const key of uniqueKeys) {
-    const values = searchParams.getAll(key);
-    query[key] = values.length > 1 ? values : values[0];
-  }
-  console.log('query', query);
   const node = await davinciClient.start({ query });
 
   formEl.addEventListener('submit', async (event) => {

e2e/davinci-suites/src/form-fields.test.ts

@@ -0,0 +1,18 @@
+import { expect, test } from '@playwright/test';
+import { asyncEvents } from './utils/async-events.js';
+
+test('Test happy paths on test page', async ({ page }) => {
+  const { navigate } = asyncEvents(page);
+  await navigate('/?clientId=60de77d5-dd2c-41ef-8c40-f8bb2381a359');
+
+  console.log(page.url());
+  expect(page.url()).toBe('http://localhost:5829/?clientId=60de77d5-dd2c-41ef-8c40-f8bb2381a359');
+
+  await expect(page.getByText('Select Test Form')).toBeVisible();
+
+  const formFields = page.getByRole('button', { name: 'Form Fields' });
+  const formValidation = page.getByRole('button', { name: 'Form Validation' });
+
+  await expect(formFields).toBeVisible();
+  await expect(formValidation).toBeVisible();
+});