From 97b907e30956902c41b317b748c9de0ea5e6cda9 Mon Sep 17 00:00:00 2001
From: Wojciech Zawistowski <wojciech.zawistowski@gmail.com>
Date: Tue, 29 Oct 2013 17:33:53 +0100
Subject: [PATCH] integration tests for the logo part of header

---
 test/javascripts/integration/header_test.js | 123 ++++++++++++++++++++
 1 file changed, 123 insertions(+)

diff --git a/test/javascripts/integration/header_test.js b/test/javascripts/integration/header_test.js
index 392bf8a930f..d725033d1e3 100644
--- a/test/javascripts/integration/header_test.js
+++ b/test/javascripts/integration/header_test.js
@@ -8,3 +8,126 @@ test("/", function() {
     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);
+
+  Ember.run(function() {
+    Discourse.SiteSettings.logo_small_url = "logo-small-url";
+    Discourse.Mobile.mobileView = false;
+    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);
+
+  Ember.run(function() {
+    Discourse.SiteSettings.logo_small_url = "";
+    Discourse.Mobile.mobileView = false;
+    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);
+
+  Ember.run(function() {
+    Discourse.Mobile.mobileView = false;
+    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);
+
+  Ember.run(function() {
+    Discourse.Mobile.mobileView = true;
+    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);
+
+  Ember.run(function() {
+    Discourse.SiteSettings.logo_url = "logo-big-url";
+    Discourse.SiteSettings.title = "site-title";
+    Discourse.Mobile.mobileView = true;
+    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);
+
+  Ember.run(function() {
+    Discourse.SiteSettings.logo_url = "";
+    Discourse.SiteSettings.title = "site-title";
+    Discourse.Mobile.mobileView = true;
+    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);
+
+  Ember.run(function() {
+    Discourse.SiteSettings.logo_small_url = "logo-small-url";
+    Discourse.Mobile.mobileView = false;
+    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() {
+  expect(1);
+
+  visit("/").then(function() {
+    equal(Ember.$(".title > a").attr("href"), "/");
+  });
+});