mirror of
https://github.com/hanzoai/forum.git
synced 2026-09-30 21:51:19 +00:00
Blake EricksonandRoman Rizzi
080a686a42
Make sure video placeholder urls are valid. An error message is displayed instead of an infinite loading spinner after clicking play.
77 lines
2.4 KiB
JavaScript
77 lines
2.4 KiB
JavaScript
import { click, triggerEvent, visit } from "@ember/test-helpers";
|
|
import { test } from "qunit";
|
|
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
|
|
|
|
acceptance("Video Placeholder Test", function () {
|
|
test("placeholder shows up on posts with videos", async function (assert) {
|
|
await visit("/t/54081");
|
|
|
|
assert
|
|
.dom(".video-placeholder-container")
|
|
.hasAttribute(
|
|
"data-video-src",
|
|
/^\/uploads\/.+/,
|
|
"Video placeholder has the 'data-video-src' attribute"
|
|
);
|
|
|
|
assert.dom("video").doesNotExist("The video element does not exist yet");
|
|
|
|
await click(".video-placeholder-overlay"); // Play button is clicked
|
|
|
|
assert.dom(".video-container").exists("The video container appears");
|
|
|
|
assert
|
|
.dom(".video-placeholder-container")
|
|
.hasStyle({ cursor: "auto" }, "The cursor is set back to normal");
|
|
|
|
assert
|
|
.dom(".video-placeholder-overlay > div")
|
|
.hasClass("spinner", "has a loading spinner");
|
|
|
|
assert.dom("video").exists("The video element appears");
|
|
|
|
assert
|
|
.dom("video > source")
|
|
.hasAttribute(
|
|
"src",
|
|
"/uploads/default/original/1X/55508bc98a00f615dbe9bd4c84a253ba4238b021.mp4",
|
|
"Video src is correctly set"
|
|
);
|
|
|
|
const video = document.querySelector("video");
|
|
video.play = function () {}; // We don't actually want the video to play in our test
|
|
await triggerEvent(video, "canplay");
|
|
|
|
assert
|
|
.dom(video)
|
|
.hasStyle({ display: "block" }, "The video is no longer hidden");
|
|
assert.dom(".video-placeholder-wrapper").doesNotExist();
|
|
});
|
|
|
|
test("displays an error for invalid video URL and allows retry", async function (assert) {
|
|
await visit("/t/54081");
|
|
|
|
const placeholder = document.querySelector(".video-placeholder-container");
|
|
placeholder.setAttribute(
|
|
"data-video-src",
|
|
'http://example.com/video.mp4"><script>alert(1)</script>'
|
|
);
|
|
|
|
await click(".video-placeholder-overlay");
|
|
|
|
assert
|
|
.dom(".video-placeholder-wrapper .notice.error")
|
|
.exists("An error message is displayed for an invalid URL");
|
|
assert
|
|
.dom(".video-placeholder-wrapper .notice.error")
|
|
.hasText(
|
|
"This video cannot be played because the URL is invalid or unavailable.",
|
|
"Error message is correct"
|
|
);
|
|
|
|
assert
|
|
.dom("video")
|
|
.doesNotExist("No video element is created for invalid URL");
|
|
});
|
|
});
|