Zack
1e7c9f672a
* MVVMing of MImageBody and removing legacy component + css * Fix Prettier * update small image to large image in test * Update test * Preserve MImageBody legacy class names * Click image in custom component download test * Update snapshots * Update MBodyFactory snapshots * Added new tests to pass coverage * Fix prettier * Remove legacy import that was removed * Add MImageReplayBody test for coverage * Remove legacy MImageBody selectors from image view * Update image body selectors in Playwright tests * Keep file panel image body spacing compact * Update apps/web/src/viewmodels/message-body/ImageBodyViewModel.ts Co-authored-by: Florian Duros <florian.duros@ormaz.fr> * added documentation to component * Fix hidden media placeholder import --------- Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
44 lines
1.7 KiB
TypeScript
44 lines
1.7 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { test, expect } from "../../element-web-test";
|
|
import { getSampleFilePath } from "../../sample-files";
|
|
|
|
test.describe("Image Upload", () => {
|
|
test.use({
|
|
displayName: "Alice",
|
|
});
|
|
|
|
test.beforeEach(async ({ page, app, user }) => {
|
|
await app.client.createRoom({ name: "My Pictures" });
|
|
await app.viewRoomByName("My Pictures");
|
|
|
|
// Wait until configuration is finished
|
|
await expect(
|
|
page
|
|
.locator(".mx_GenericEventListSummary[data-layout='group'] .mx_GenericEventListSummary_summary")
|
|
.getByText(`${user.displayName} created and configured the room.`),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("should show image preview when uploading an image", { tag: "@screenshot" }, async ({ page, app }) => {
|
|
await app.setComposerInputFiles("room", getSampleFilePath("riot.png"));
|
|
|
|
await expect(page.getByRole("button", { name: "Upload" })).toBeEnabled();
|
|
await expect(page.getByRole("button", { name: "Close dialog" })).toBeEnabled();
|
|
await expect(page.locator(".mx_Dialog")).toMatchScreenshot("image-upload-preview.png");
|
|
});
|
|
|
|
test("should allow upload via drag and drop", { tag: "@screenshot" }, async ({ page, app }) => {
|
|
await app.composerDragAndUploadFiles("room", getSampleFilePath("riot.png"), "image/png");
|
|
await app.timeline.scrollToBottom();
|
|
const imgTile = page.locator(".mx_ImageBody").first();
|
|
await expect(imgTile).toBeVisible();
|
|
});
|
|
});
|