- missed 2 spots for the BackHomeButton

- webkit and firefox passing now for some reason
- add clicking the 'Home' button to the playwright navigation test

Author: shannonwells

playwright.config.ts

@@ -40,15 +40,15 @@ export default defineConfig({
     },
 
     // currently failing:
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-    //
-    // {
-    //   name: 'webkit',
-    //   use: { ...devices['Desktop Safari'] },
-    // },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
 
     /* Test against mobile viewports. */
     {

src/components/EmailProviderRequest.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { createMailto } from '$lib/utils';
+  import BackHomeButton from '$components/BackHomeButton.svelte';
 
   let mailTo: string = createMailto('hello@frequency.xyz', 'Request to become a Frequency provider', '');
 
@@ -15,6 +16,6 @@
   </p>
   <form class="flex w-[350px] items-end justify-between">
     <button id="email-request-btn" on:click|preventDefault={composeEmail} class="btn-primary">Email Request</button>
-    <a href="/" class="btn-no-fill">Cancel</a>
+    <BackHomeButton />
   </form>
 </div>

src/components/RequestToBeProvider.svelte

@@ -8,6 +8,7 @@
   import { user } from '$lib/stores/userStore';
   import { activityLog } from '$lib/stores/activityLogStore';
   import ActivityLogPreviewItem from './ActivityLogPreviewItem.svelte';
+  import BackHomeButton from '$components/BackHomeButton.svelte';
 
   let isInProgress = false;
   let recentActivityItem: Activity;
@@ -63,7 +64,7 @@
       <button on:click|preventDefault={doProposeToBeProvider} id="request-2b-provider-btn" class="btn-primary">
         Submit Request To Be Provider</button
       >
-      <a href="/" class="btn-cancel">Cancel</a>
+      <BackHomeButton />
     </div>
   </form>
 </div>

test/playwright/navigation.test.ts

@@ -17,4 +17,9 @@ test('Navigation from home page', async ({ page }) => {
   await page.getByText(/FAQ/).click();
   await page.waitForURL('**/faq');
   expect(page.getByText(/What is the difference between Mainnet and Testnets\?/)).toBeVisible();
+
+  // Click the Home button
+  await page.getByText(/Home/).click();
+  await page.waitForURL('**/');
+  await expect(page.getByText('Provider Login')).toBeVisible();
 });