chore: import upstream snapshot with attribution

e2e/user-token.spec.ts

@@ -0,0 +1,50 @@
+import { execSync } from 'child_process';
+import { test, expect } from '@playwright/test';
+
+import translations from '../client/i18n/locales/english/translations.json';
+import { alertToBeVisible } from './utils/alerts';
+
+test.use({ storageState: 'playwright/.auth/development-user.json' });
+
+test.beforeEach(() => {
+  execSync('node ../tools/scripts/seed/seed-demo-user');
+});
+
+test.afterAll(() => {
+  execSync('node ../tools/scripts/seed/seed-demo-user --certified-user');
+});
+
+test.describe('Initially', () => {
+  test('should not render', async ({ page }) => {
+    await page.goto('/settings');
+    await expect(
+      page.getByRole('main').getByText('User Token', { exact: true })
+    ).not.toBeVisible();
+  });
+});
+
+test.describe('After creating token', () => {
+  test('should allow you to delete your token', async ({ page }) => {
+    await page.goto(
+      '/learn/relational-database/learn-bash-by-building-a-boilerplate/build-a-boilerplate'
+    );
+    await page.getByText('Generate User Token').first().click();
+
+    await page.goto('/settings');
+    // Set `exact` to `true` to only match the panel heading
+    await expect(
+      page.getByRole('main').getByText('User Token', { exact: true })
+    ).toBeVisible();
+    await expect(
+      page.getByText(
+        'Your user token is used to save your progress on curriculum sections that use a virtual machine. If you suspect it has been compromised, you can delete it without losing any progress. A new one will be created automatically the next time you open a project.'
+      )
+    ).toBeVisible();
+    await page.getByRole('button', { name: 'Delete my user token' }).click();
+
+    await alertToBeVisible(page, translations.flash['token-deleted']);
+    await expect(
+      page.getByRole('main').getByText('User Token', { exact: true })
+    ).not.toBeVisible();
+  });
+});