mirror of
https://github.com/cupcakearmy/cryptgeon.git
synced 2026-06-10 11:16:48 +00:00
Stefan Meinecke
3e3d528d5a
Add image paste functionality allowing users to paste images directly from the clipboard as files. Uses the standard DataTransfer API (clipboardData.items) for cross-browser compatibility. On the download page, images are now displayed as previews in addition to the download option. Also fix Rust 2024 never-type-fallback compatibility by adding turbofish type annotations to redis crate calls.
65 lines
2.2 KiB
TypeScript
65 lines
2.2 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
import { readFile } from 'node:fs/promises'
|
|
import { getFileChecksum } from '../../files'
|
|
import { checkLinkForDownload } from '../../utils'
|
|
|
|
const IMG_PATH = 'test/assets/image.jpg'
|
|
|
|
test.describe('@web', () => {
|
|
test('paste image', async ({ page, browserName }) => {
|
|
test.skip(browserName !== 'chromium', 'DataTransfer.items.add(File) is only supported in Chromium')
|
|
const checksum = await getFileChecksum(IMG_PATH)
|
|
const imgBuffer = await readFile(IMG_PATH)
|
|
const imgBase64 = imgBuffer.toString('base64')
|
|
|
|
await page.goto('/')
|
|
await page.waitForSelector('form')
|
|
|
|
// Create a paste event with clipboardData containing the image file
|
|
await page.evaluate(
|
|
async ({ base64, mimeType }) => {
|
|
const response = await fetch(`data:${mimeType};base64,${base64}`)
|
|
const blob = await response.blob()
|
|
const file = new File([blob], 'image.jpg', { type: mimeType })
|
|
|
|
const dt = new DataTransfer()
|
|
dt.items.add(file)
|
|
|
|
const event = new ClipboardEvent('paste', {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
clipboardData: dt,
|
|
})
|
|
|
|
document.querySelector('form')?.dispatchEvent(event)
|
|
},
|
|
{ base64: imgBase64, mimeType: 'image/jpeg' },
|
|
)
|
|
|
|
// Wait for the paste to process and preview to appear
|
|
await expect(page.locator('.pasted-images-preview')).toBeVisible({ timeout: 5000 })
|
|
|
|
// Create the note
|
|
await page.locator('button:has-text("create")').click()
|
|
const link = await page.getByTestId('share-link').inputValue()
|
|
|
|
// Navigate to the note and reveal it
|
|
await page.goto('/')
|
|
await page.goto(link)
|
|
await page.getByTestId('show-note-button').click()
|
|
|
|
// Verify image preview is visible
|
|
await expect(page.locator('img.preview')).toBeVisible({ timeout: 5000 })
|
|
|
|
// Download and verify checksum
|
|
const [download] = await Promise.all([
|
|
page.waitForEvent('download'),
|
|
page.locator('[data-testid="result"] button').first().click(),
|
|
])
|
|
const path = await download.path()
|
|
if (!path) throw new Error('Download failed')
|
|
const cs = await getFileChecksum(path)
|
|
expect(cs).toBe(checksum)
|
|
})
|
|
})
|