diff --git a/src/frontend/tests/pages/pui_index.spec.ts b/src/frontend/tests/pages/pui_index.spec.ts
new file mode 100644
index 0000000000..41481d75f1
--- /dev/null
+++ b/src/frontend/tests/pages/pui_index.spec.ts
@@ -0,0 +1,74 @@
+import { expect, test } from '../baseFixtures.js';
+import { baseUrl, user } from '../defaults.js';
+import { doQuickLogin } from '../login.js';
+
+const newPartName = 'UITESTIN123';
+
+test('PUI - Pages - Index - Playground', async ({ page }) => {
+  await doQuickLogin(page);
+
+  await page.goto(`${baseUrl}/`);
+  // Playground
+  await page.getByRole('tab', { name: 'Playground' }).click();
+  await page.getByRole('button', { name: 'API Forms' }).click();
+
+  // New Part
+  await page.getByRole('button', { name: 'Create New Part' }).click();
+  await page.locator('#react-select-3-input').fill('category 0');
+  await page
+    .getByRole('option', { name: 'Category 0' })
+    .locator('div')
+    .first()
+    .click();
+  await page.getByLabel('Name *').fill(newPartName);
+  await page
+    .getByLabel('Create Part')
+    .getByRole('button', { name: 'Submit' })
+    .click();
+
+  // Edit Part
+  await page.getByRole('button', { name: 'Edit Part' }).click();
+  await page.getByLabel('IPN').click();
+  await page.getByLabel('IPN').fill(newPartName);
+  await page
+    .getByLabel('Edit Part')
+    .getByRole('button', { name: 'Submit' })
+    .click();
+
+  // Create Stock Item
+  // await page.getByRole('button', { name: 'Create Stock Item' }).click();
+  // await page.locator('#mantine-n0gx2wdet div').filter({ hasText: 'Search...' }).nth(1).click();
+  // await page.locator('#react-select-25-input').fill(newPartName);
+  // await page.getByText('R_1K_0402_1%').click();
+  // await page.getByLabel('Add Stock Item').getByRole('button', { name: 'Submit' }).click();
+
+  // EditCategory
+  await page.getByRole('button', { name: 'Edit Category' }).click();
+  await page.locator('.css-1xvbfjt-Input2').first().click();
+  await page.getByText('Category 0').click();
+  await page
+    .getByLabel('Edit Category')
+    .getByRole('button', { name: 'Submit' })
+    .click();
+
+  // Create Attachment
+  await page.getByRole('button', { name: 'Create Attachment' }).click();
+  await page.getByLabel('Attachment *').waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+  // TODO: actually create an attachment
+
+  // Create Part new Modal
+  await page.getByRole('button', { name: 'Create Part new Modal' }).click();
+  await page.locator('.css-1xvbfjt-Input2').first().click();
+  await page.getByText('Category 0').click();
+  await page
+    .getByLabel('Create part')
+    .getByRole('button', { name: 'Submit' })
+    .click();
+
+  // Status Label
+  await page.getByRole('button', { name: 'Status labels' }).click();
+  await page.getByRole('textbox').dblclick();
+  await page.getByRole('textbox').fill('50');
+  await page.getByText('Attention needed').waitFor();
+});