Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DEV: Convert home-logo-test to gjs (#23180)

This commit is contained in:
Jarek Radosz 2023-09-11 20:27:03 +02:00 committed by GitHub
parent 4238c57a1d
commit 0f0d3470a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/assets/javascripts/discourse/tests/integration/components/widgets/home-logo-test.js → app/assets/javascripts/discourse/tests/integration/components/widgets/home-logo-test.gjs
View File

@ -2,8 +2,8 @@ import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test"; import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { render } from "@ember/test-helpers"; import { render } from "@ember/test-helpers";
import { count, exists, query } from "discourse/tests/helpers/qunit-helpers"; import { count, exists, query } from "discourse/tests/helpers/qunit-helpers";
import { hbs } from "ember-cli-htmlbars";
import Session from "discourse/models/session"; import Session from "discourse/models/session";
import MountWidget from "discourse/components/mount-widget";
const bigLogo = "/images/d-logo-sketch.png?test"; const bigLogo = "/images/d-logo-sketch.png?test";
const smallLogo = "/images/d-logo-sketch-small.png?test"; const smallLogo = "/images/d-logo-sketch-small.png?test";
@ -24,9 +24,11 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = bigLogo; this.siteSettings.site_logo_url = bigLogo;
this.siteSettings.site_logo_small_url = smallLogo; this.siteSettings.site_logo_small_url = smallLogo;
this.siteSettings.title = title; this.siteSettings.title = title;
this.set("args", { minimized: false }); const args = { minimized: false };
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template>
<MountWidget @widget="home-logo" @args={{args}} />
</template>);
assert.strictEqual(count(".title"), 1); assert.strictEqual(count(".title"), 1);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
@ -38,9 +40,11 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = bigLogo; this.siteSettings.site_logo_url = bigLogo;
this.siteSettings.site_logo_small_url = smallLogo; this.siteSettings.site_logo_small_url = smallLogo;
this.siteSettings.title = title; this.siteSettings.title = title;
this.set("args", { minimized: true }); const args = { minimized: true };
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template>
<MountWidget @widget="home-logo" @args={{args}} />
</template>);
assert.strictEqual(count("img.logo-small"), 1); assert.strictEqual(count("img.logo-small"), 1);
assert.strictEqual(query("img.logo-small").getAttribute("src"), smallLogo); assert.strictEqual(query("img.logo-small").getAttribute("src"), smallLogo);
@ -52,9 +56,11 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = ""; this.siteSettings.site_logo_url = "";
this.siteSettings.site_logo_small_url = ""; this.siteSettings.site_logo_small_url = "";
this.siteSettings.title = title; this.siteSettings.title = title;
this.set("args", { minimized: false }); const args = { minimized: false };
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template>
<MountWidget @widget="home-logo" @args={{args}} />
</template>);
assert.strictEqual(count("h1#site-text-logo.text-logo"), 1); assert.strictEqual(count("h1#site-text-logo.text-logo"), 1);
assert.strictEqual(query("#site-text-logo").innerText, title); assert.strictEqual(query("#site-text-logo").innerText, title);
@ -64,9 +70,11 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = ""; this.siteSettings.site_logo_url = "";
this.siteSettings.site_logo_small_url = ""; this.siteSettings.site_logo_small_url = "";
this.siteSettings.title = title; this.siteSettings.title = title;
this.set("args", { minimized: true }); const args = { minimized: true };
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template>
<MountWidget @widget="home-logo" @args={{args}} />
</template>);
assert.strictEqual(count(".d-icon-home"), 1); assert.strictEqual(count(".d-icon-home"), 1);
}); });
@ -76,7 +84,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_small_url = smallLogo; this.siteSettings.site_logo_small_url = smallLogo;
this.site.mobileView = true; this.site.mobileView = true;
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-mobile"), 1); assert.strictEqual(count("img#site-logo.logo-mobile"), 1);
assert.strictEqual(query("#site-logo").getAttribute("src"), mobileLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), mobileLogo);
@ -86,7 +94,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = bigLogo; this.siteSettings.site_logo_url = bigLogo;
this.site.mobileView = true; this.site.mobileView = true;
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo);
@ -97,7 +105,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_dark_url = darkLogo; this.siteSettings.site_logo_dark_url = darkLogo;
Session.currentProp("darkModeAvailable", true); Session.currentProp("darkModeAvailable", true);
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo);
@ -122,7 +130,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.site.mobileView = true; this.site.mobileView = true;
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(query("#site-logo").getAttribute("src"), mobileLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), mobileLogo);
@ -143,7 +151,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_dark_url = ""; this.siteSettings.site_logo_dark_url = "";
Session.currentProp("darkModeAvailable", true); Session.currentProp("darkModeAvailable", true);
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo);
@ -154,7 +162,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_url = bigLogo; this.siteSettings.site_logo_url = bigLogo;
this.siteSettings.site_logo_dark_url = darkLogo; this.siteSettings.site_logo_dark_url = darkLogo;
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo); assert.strictEqual(query("#site-logo").getAttribute("src"), bigLogo);
@ -166,7 +174,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_dark_url = darkLogo; this.siteSettings.site_logo_dark_url = darkLogo;
Session.currentProp("defaultColorSchemeIsDark", true); Session.currentProp("defaultColorSchemeIsDark", true);
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual( assert.strictEqual(
@ -182,7 +190,7 @@ module("Integration | Component | Widget | home-logo", function (hooks) {
this.siteSettings.site_logo_dark_url = ""; this.siteSettings.site_logo_dark_url = "";
Session.currentProp("defaultColorSchemeIsDark", true); Session.currentProp("defaultColorSchemeIsDark", true);
await render(hbs`<MountWidget @widget="home-logo" @args={{this.args}} />`); await render(<template><MountWidget @widget="home-logo" /></template>);
assert.strictEqual(count("img#site-logo.logo-big"), 1); assert.strictEqual(count("img#site-logo.logo-big"), 1);
assert.strictEqual( assert.strictEqual(