import ClickTrack from "discourse/lib/click-track"; var windowOpen, win, redirectTo; module("ClickTrack", { setup: function() { // Prevent any of these tests from navigating away win = {focus: function() { } }; redirectTo = sandbox.stub(Discourse.URL, "redirectTo"); sandbox.stub(Discourse, "ajax"); windowOpen = sandbox.stub(window, "open").returns(win); sandbox.stub(win, "focus"); fixture().html([ '
', '
', ' google.com', ' google.com', ' google.com1', ' google.com1', '
', ' google.com1', ' google.com1', '
', ' forum', ' log.txt', '
', '
'].join("\n")); } }); var track = ClickTrack.trackClick; // test var generateClickEventOn = function(selector) { return $.Event("click", { currentTarget: fixture(selector)[0] }); }; test("does not track clicks on lightboxes", function() { var clickEvent = generateClickEventOn('.lightbox'); sandbox.stub(clickEvent, "preventDefault"); ok(track(clickEvent)); ok(!clickEvent.preventDefault.calledOnce); }); test("it calls preventDefault when clicking on an a", function() { var clickEvent = generateClickEventOn('a'); sandbox.stub(clickEvent, "preventDefault"); track(clickEvent); ok(clickEvent.preventDefault.calledOnce); ok(Discourse.URL.redirectTo.calledOnce); }); test("does not track clicks on back buttons", function() { ok(track(generateClickEventOn('.back'))); }); test("does not track clicks on quote buttons", function() { ok(track(generateClickEventOn('.quote-other-topic'))); }); test("removes the href and put it as a data attribute", function() { track(generateClickEventOn('a')); var $link = fixture('a').first(); ok($link.hasClass('no-href')); equal($link.data('href'), 'http://www.google.com'); blank($link.attr('href')); ok($link.data('auto-route')); ok(Discourse.URL.redirectTo.calledOnce); }); asyncTest("restores the href after a while", function() { expect(1); track(generateClickEventOn('a')); setTimeout(function() { start(); equal(fixture('a').attr('href'), "http://www.google.com"); }, 75); }); var badgeClickCount = function(id, expected) { track(generateClickEventOn('#' + id)); var $badge = $('span.badge', fixture('#' + id).first()); equal(parseInt($badge.html(), 10), expected); }; test("does not update badge clicks on my own link", function() { sandbox.stub(Discourse.User, 'currentProp').withArgs('id').returns(314); badgeClickCount('with-badge', 1); }); test("does not update badge clicks in my own post", function() { sandbox.stub(Discourse.User, 'currentProp').withArgs('id').returns(3141); badgeClickCount('with-badge-but-not-mine', 1); }); test("updates badge counts correctly", function() { badgeClickCount('inside-onebox', 1); badgeClickCount('inside-onebox-forced', 2); badgeClickCount('with-badge', 2); }); var trackRightClick = function() { var clickEvent = generateClickEventOn('a'); clickEvent.which = 3; return track(clickEvent); }; test("right clicks change the href", function() { ok(trackRightClick()); equal(fixture('a').first().prop('href'), "http://www.google.com/"); }); test("right clicks are tracked", function() { Discourse.SiteSettings.track_external_right_clicks = true; trackRightClick(); equal(fixture('a').first().attr('href'), "/clicks/track?url=http%3A%2F%2Fwww.google.com&post_id=42"); }); test("preventDefault is not called for right clicks", function() { var clickEvent = generateClickEventOn('a'); clickEvent.which = 3; sandbox.stub(clickEvent, "preventDefault"); ok(track(clickEvent)); ok(!clickEvent.preventDefault.calledOnce); }); var testOpenInANewTab = function(description, clickEventModifier) { test(description, function() { var clickEvent = generateClickEventOn('a'); clickEventModifier(clickEvent); sandbox.stub(clickEvent, "preventDefault"); ok(track(clickEvent)); ok(Discourse.ajax.calledOnce); ok(!clickEvent.preventDefault.calledOnce); }); }; testOpenInANewTab("it opens in a new tab when pressing shift", function(clickEvent) { clickEvent.shiftKey = true; }); testOpenInANewTab("it opens in a new tab when pressing meta", function(clickEvent) { clickEvent.metaKey = true; }); testOpenInANewTab("it opens in a new tab when pressing ctrl", function(clickEvent) { clickEvent.ctrlKey = true; }); testOpenInANewTab("it opens in a new tab on middle click", function(clickEvent) { clickEvent.which = 2; }); test("tracks via AJAX if we're on the same site", function() { sandbox.stub(Discourse.URL, "routeTo"); sandbox.stub(Discourse.URL, "origin").returns("http://discuss.domain.com"); ok(!track(generateClickEventOn('#same-site'))); ok(Discourse.ajax.calledOnce); ok(Discourse.URL.routeTo.calledOnce); }); test("does not track via AJAX for attachments", function() { sandbox.stub(Discourse.URL, "routeTo"); sandbox.stub(Discourse.URL, "origin").returns("http://discuss.domain.com"); ok(!track(generateClickEventOn('.attachment'))); ok(Discourse.URL.redirectTo.calledOnce); }); test("tracks custom urls when opening in another window", function() { var clickEvent = generateClickEventOn('a'); sandbox.stub(Discourse.User, "currentProp").withArgs('external_links_in_new_tab').returns(true); ok(!track(clickEvent)); ok(windowOpen.calledWith('/clicks/track?url=http%3A%2F%2Fwww.google.com&post_id=42', '_blank')); }); test("tracks custom urls when opening in another window", function() { var clickEvent = generateClickEventOn('a'); ok(!track(clickEvent)); ok(redirectTo.calledWith('/clicks/track?url=http%3A%2F%2Fwww.google.com&post_id=42')); });