Move encryption spec to Playwright

Author: davidmyersdev

components/CoreInput.vue

@@ -132,6 +132,7 @@ onMounted(() => {
             :value="modelProxy"
             class="unset-all cursor-text block min-h-0 overflow-hidden resize-none placeholder-muted"
             :class="{ 'whitespace-nowrap': !multiline }"
+            data-core-input
             @input="modelProxy = $event.target.value"
             @keypress.enter="handleEnter"
           />

test/cypress/e2e/encryption.cy.ts

@@ -0,0 +1,36 @@
+import { readFileSync } from 'node:fs'
+import { expect, test } from '@playwright/test'
+
+const publicKey = readFileSync('./test/fixtures/encryption/test-key.public').toString()
+const privateKey = readFileSync('./test/fixtures/encryption/test-key.private').toString()
+
+test.describe('encryption', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/')
+    await page.evaluate(async () => {
+      // Allow the file to be processed by Vite.
+      await import('/_nuxt/test/e2e/seed-encrypted-docs')
+    })
+  })
+
+  test('does not show docs that cannot be decrypted', async ({ page }) => {
+    await page.goto('/docs')
+    await page.waitForSelector('[data-is-mounted="true"]')
+
+    expect(await page.locator('[data-test-doc]').count()).toEqual(0)
+  })
+
+  test('shows docs that can be decrypted', async ({ page }) => {
+    await page.goto('/settings')
+    await page.waitForSelector('[data-is-mounted="true"]')
+
+    await page.locator('[data-test-public-key] [data-core-input]').fill(publicKey.trim())
+    await page.locator('[data-test-private-key] [data-core-input]').fill(privateKey.trim())
+    await page.locator('[data-test-toggle-crypto]:not([disabled])').click()
+
+    await page.goto('/docs')
+    await page.waitForSelector('[data-is-mounted="true"]')
+
+    expect(await page.locator('[data-test-doc]').count()).toEqual(3)
+  })
+})

test/e2e/encryption.spec.ts

@@ -0,0 +1,8 @@
+import { db } from '/src/db'
+import docs from '/test/fixtures/encryption/docs.json' with { type: 'json' }
+
+await Promise.all(
+  docs.map(async (doc: any) => {
+    await db.docs.put(doc, doc.id)
+  }),
+)

test/e2e/seed-encrypted-docs.ts

@@ -51,6 +51,9 @@
       "/*": [
         "./*"
       ],
+      "/_nuxt/*": [
+        "./*"
+      ],
       "#components": [
         "./components"
       ],