github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-22 20:21:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Use dominant color while loading onebox images (#21091)

Browse Source 
When we "pull hotlinked images" on onebox images, they are added to the uploads table and their dominant color is calculated. This commit adds the data to the HTML so that it can be used by the client in the same way as non-onebox images. It also adds specific handling to the new `discourse-lazy-videos` plugin.
This commit is contained in:
David Taylor
2023-04-13 12:04:46 +01:00
committed by GitHub
parent 18c81958e5
commit e52f322cb5
6 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/discourse-lazy-videos/test/javascripts/components/lazy-video-test.js
View File

@ -12,6 +12,7 @@ module("Discourse Lazy Videos | Component | lazy-video", function (hooks) {
title: "15 Sorting Algorithms in 6 Minutes",
providerName: "youtube",
id: "kPRA0W1kECg",
dominantColor: "00ffff",
};
test("displays the correct video title", async function (assert) {
@ -26,6 +27,14 @@ module("Discourse Lazy Videos | Component | lazy-video", function (hooks) {
assert.dom(".icon.youtube-icon").exists();
});
test("uses tthe dominant color from the dom", async function (assert) {
await render(hbs`<LazyVideo @videoAttributes={{this.attributes}} />`);
assert
.dom(".video-thumbnail")
.hasAttribute("style", "background-color: #00ffff;");
});
test("loads the iframe when clicked", async function (assert) {
await render(hbs`<LazyVideo @videoAttributes={{this.attributes}}/>`);
assert.dom(".lazy-video-container.video-loaded").doesNotExist();