toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-22 16:51:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

test: fix image preview (#2874)

Browse Source
This commit is contained in:
Alex Yang 2023-06-27 21:05:24 +08:00 committed by GitHub
parent 5275ff5493
commit ab703fe3ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 30 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nx.json
View File

@ -15,6 +15,7 @@
},
"namedInputs": {
"default": ["{projectRoot}/**/*", "sharedGlobals"],
"packages": ["{workspaceRoot}/packages/**/*"],
"sharedGlobals": [
"{workspaceRoot}/tsconfig.json",
"{workspaceRoot}/nx.json"
@ -37,6 +38,7 @@
"{workspaceRoot/apps/electron/dist"
],
"inputs": [
"packages",
{
"runtime": "node -v"
},

21
packages/component/src/components/image-preview-modal/index.tsx
View File

@ -102,7 +102,7 @@ const ImagePreviewModalImpl = (
const nextBlock = page
.getNextSiblings(block)
.find(
(block): block is ImageBlockModel => block.flavour === 'affine:embed'
(block): block is ImageBlockModel => block.flavour === 'affine:image'
);
if (nextBlock) {
setBlockId(nextBlock.id);
@ -122,7 +122,7 @@ const ImagePreviewModalImpl = (
const prevBlock = page
.getPreviousSiblings(block)
.findLast(
(block): block is ImageBlockModel => block.flavour === 'affine:embed'
(block): block is ImageBlockModel => block.flavour === 'affine:image'
);
if (prevBlock) {
setBlockId(prevBlock.id);
@ -145,14 +145,14 @@ const ImagePreviewModalImpl = (
.getPreviousSiblings(block)
.findLast(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
)
) {
const prevBlock = page
.getPreviousSiblings(block)
.findLast(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
);
if (prevBlock) {
setBlockId(prevBlock.id);
@ -162,14 +162,14 @@ const ImagePreviewModalImpl = (
.getNextSiblings(block)
.find(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
)
) {
const nextBlock = page
.getNextSiblings(block)
.find(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
);
if (nextBlock) {
setBlockId(nextBlock.id);
@ -252,7 +252,7 @@ const ImagePreviewModalImpl = (
assertExists(block);
setCaption(block?.caption);
}, [props.blockId, props.pageId, props.workspace]);
const { data } = useSWR(['workspace', 'embed', props.pageId, props.blockId], {
const { data } = useSWR(['workspace', 'image', props.pageId, props.blockId], {
fetcher: ([_, __, pageId, blockId]) => {
const page = props.workspace.getPage(pageId);
assertExists(page);
@ -494,7 +494,7 @@ export const ImagePreviewModal = (
.getPreviousSiblings(block)
.findLast(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
);
if (prevBlock) {
setBlockId(prevBlock.id);
@ -504,7 +504,7 @@ export const ImagePreviewModal = (
.getNextSiblings(block)
.find(
(block): block is ImageBlockModel =>
block.flavour === 'affine:embed'
block.flavour === 'affine:image'
);
if (nextBlock) {
setBlockId(nextBlock.id);
@ -542,8 +542,9 @@ export const ImagePreviewModal = (
/>
</Suspense>
<button
data-testid="image-preview-close-button"
onClick={() => {
setIsOpen(false);
setBlockId(null);
}}
className={imagePreviewModalCloseButtonStyle}
>

13
packages/i18n/build.mjs Normal file
View File

@ -0,0 +1,13 @@
import { runCli } from '@magic-works/i18n-codegen';
import { fileURLToPath } from 'url';
await runCli(
{
config: fileURLToPath(new URL('../../.i18n-codegen.json', import.meta.url)),
watch: false,
},
error => {
console.error(error);
process.exit(1);
}
);

1
packages/i18n/package.json
View File

@ -15,6 +15,7 @@
}
},
"scripts": {
"build": "node build.mjs",
"sync-languages": "NODE_OPTIONS=--experimental-fetch ts-node-esm src/scripts/sync.ts",
"sync-languages:check": "yarn run sync-languages --check",
"download-resources": "NODE_OPTIONS=--experimental-fetch ts-node-esm src/scripts/download.ts"

6
tests/parallels/image-preview.spec.ts
View File

@ -34,7 +34,7 @@ async function importImage(page: Page, url: string) {
async function closeImagePreviewModal(page: Page) {
await page
.getByTestId('image-preview-modal')
.locator('button')
.getByTestId('image-preview-close-button')
.first()
.click();
await page.waitForTimeout(500);
@ -83,7 +83,7 @@ test('image go left and right', async ({ page }) => {
const locator = page.getByTestId('image-preview-modal');
expect(locator.isVisible()).toBeTruthy();
await page.locator('img').first().dblclick();
await page.waitForTimeout(5000);
await page.waitForTimeout(1000);
{
const newBlobId = (await page
.locator('img[data-blob-id]')
@ -92,7 +92,7 @@ test('image go left and right', async ({ page }) => {
expect(newBlobId).not.toBe(blobId);
}
await page.keyboard.press('ArrowRight');
await page.waitForTimeout(5000);
await page.waitForTimeout(1000);
{
const newBlobId = (await page
.locator('img[data-blob-id]')