Merge pull request #1598 from velesin/logo_component_cleanup
cleans up logo integration tests
This commit is contained in:
commit
6b31e4fda5
|
@ -1,147 +1,22 @@
|
|||
integration("Header");
|
||||
|
||||
test("/", function() {
|
||||
expect(2);
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("header"), "The header was rendered");
|
||||
ok(exists("#site-logo"), "The logo was shown");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays small logo when extra info is shown and it is not mobile view", function() {
|
||||
expect(4);
|
||||
|
||||
Discourse.SiteSettings.logo_small_url = "logo-small-url";
|
||||
Discourse.Mobile.mobileView = false;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", true);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("img.logo-small"), "small logo image is present");
|
||||
equal(Ember.$("img.logo-small").attr("src"), "logo-small-url", "small logo image has correct image as a source");
|
||||
ok(!exists(".icon-home"), "default home icon is not present");
|
||||
ok(!exists("img.logo-big"), "big logo image is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays default home icon when small logo image source is not configured", function() {
|
||||
expect(3);
|
||||
|
||||
Discourse.SiteSettings.logo_small_url = "";
|
||||
Discourse.Mobile.mobileView = false;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", true);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("i.icon-home"), "default home icon is present");
|
||||
ok(!exists(".logo-small"), "small logo image is not present");
|
||||
ok(!exists("img.logo-big"), "big logo image is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays normal (big) logo when extra info is not shown", function() {
|
||||
expect(2);
|
||||
|
||||
Discourse.Mobile.mobileView = false;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", false);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("img.logo-big"), "big logo image is present");
|
||||
ok(!exists(".logo-small"), "small logo image is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays normal (big) logo when it is mobile view", function() {
|
||||
expect(2);
|
||||
|
||||
Discourse.Mobile.mobileView = true;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", true);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("img.logo-big"), "big logo image is present");
|
||||
ok(!exists(".logo-small"), "small logo image is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays normal (big) logo image with alt title when big logo image source is configured", function() {
|
||||
expect(4);
|
||||
|
||||
Discourse.SiteSettings.logo_url = "logo-big-url";
|
||||
Discourse.SiteSettings.title = "site-title";
|
||||
Discourse.Mobile.mobileView = true;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", false);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("img#site-logo.logo-big"), "big logo image is present");
|
||||
equal(Ember.$("img#site-logo.logo-big").attr("src"), "logo-big-url", "big logo image has correct image as a source");
|
||||
equal(Ember.$("img#site-logo.logo-big").attr("alt"), "site-title", "big logo image has correct text as alt");
|
||||
ok(!exists("#site-text-logo"), "header with title is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("displays header with site title when big logo image source is not configured", function() {
|
||||
expect(3);
|
||||
|
||||
Discourse.SiteSettings.logo_url = "";
|
||||
Discourse.SiteSettings.title = "site-title";
|
||||
Discourse.Mobile.mobileView = true;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", false);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("h2#site-text-logo.text-logo"), "header with title is present");
|
||||
equal(Ember.$("h2#site-text-logo.text-logo").text(), "site-title", "header with title contains correct text");
|
||||
ok(!exists(".logo-big"), "big logo image is not present");
|
||||
});
|
||||
});
|
||||
|
||||
test("dynamically toggles logo size when showing or hiding extra info", function() {
|
||||
expect(2);
|
||||
|
||||
Discourse.SiteSettings.logo_small_url = "logo-small-url";
|
||||
Discourse.Mobile.mobileView = false;
|
||||
Discourse.reset();
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", true);
|
||||
});
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists("img.logo-small"), "initially small logo is shown");
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", false);
|
||||
});
|
||||
ok(exists("img.logo-big"), "when extra info is hidden, small logo is replaced with the normal (big) one");
|
||||
});
|
||||
});
|
||||
|
||||
test("links logo to the site root", function() {
|
||||
test("header", function() {
|
||||
expect(1);
|
||||
|
||||
visit("/").then(function() {
|
||||
equal(Ember.$(".title > a").attr("href"), "/");
|
||||
ok(exists("header"), "is rendered");
|
||||
});
|
||||
});
|
||||
|
||||
test("logo", function() {
|
||||
expect(2);
|
||||
|
||||
visit("/").then(function() {
|
||||
ok(exists(".logo-big"), "is rendered");
|
||||
|
||||
Ember.run(function() {
|
||||
controllerFor("header").set("showExtraInfo", true);
|
||||
});
|
||||
ok(exists(".logo-small"), "is properly wired to showExtraInfo property (when showExtraInfo value changes, logo size also changes)");
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue