mirror of
https://github.com/discourse/discourse.git
synced 2025-05-29 22:57:16 +08:00
FEATURE: Always track clicks using AJAX. (#7373)
This commit is contained in:
Bianca Nenciu
@ -1,16 +1,20 @@
|
||||
import DiscourseURL from "discourse/lib/url";
|
||||
import ClickTrack from "discourse/lib/click-track";
|
||||
|
||||
var windowOpen, win, redirectTo;
|
||||
import { logIn } from "helpers/qunit-helpers";
|
||||
|
||||
QUnit.module("lib:click-track-edit-history", {
|
||||
beforeEach() {
|
||||
// Prevent any of these tests from navigating away
|
||||
win = { focus: function() {} };
|
||||
redirectTo = sandbox.stub(DiscourseURL, "redirectTo");
|
||||
windowOpen = sandbox.stub(window, "open").returns(win);
|
||||
logIn();
|
||||
|
||||
let win = { focus: function() {} };
|
||||
sandbox.stub(window, "open").returns(win);
|
||||
sandbox.stub(win, "focus");
|
||||
|
||||
sandbox.stub(DiscourseURL, "routeTo");
|
||||
sandbox.stub(DiscourseURL, "redirectTo");
|
||||
|
||||
sessionStorage.clear();
|
||||
|
||||
fixture().html(
|
||||
`<div id="topic" data-topic-id="1337">
|
||||
</div>
|
||||
@ -48,132 +52,63 @@ QUnit.module("lib:click-track-edit-history", {
|
||||
|
||||
var track = ClickTrack.trackClick;
|
||||
|
||||
// test
|
||||
var generateClickEventOn = function(selector) {
|
||||
return $.Event("click", { currentTarget: fixture(selector)[0] });
|
||||
};
|
||||
function generateClickEventOn(selector) {
|
||||
return $.Event("click", { currentTarget: fixture(selector).first() });
|
||||
}
|
||||
|
||||
QUnit.test("does not track clicks on lightboxes", assert => {
|
||||
var clickEvent = generateClickEventOn(".lightbox");
|
||||
sandbox.stub(clickEvent, "preventDefault");
|
||||
assert.ok(track(clickEvent));
|
||||
assert.ok(!clickEvent.preventDefault.calledOnce);
|
||||
});
|
||||
|
||||
QUnit.test("it calls preventDefault when clicking on an a", assert => {
|
||||
var clickEvent = generateClickEventOn("a");
|
||||
sandbox.stub(clickEvent, "preventDefault");
|
||||
track(clickEvent);
|
||||
assert.ok(clickEvent.preventDefault.calledOnce);
|
||||
assert.ok(DiscourseURL.redirectTo.calledOnce);
|
||||
});
|
||||
|
||||
QUnit.test("does not track clicks when forcibly disabled", assert => {
|
||||
assert.ok(track(generateClickEventOn(".no-track-link")));
|
||||
});
|
||||
|
||||
QUnit.test("does not track clicks on back buttons", assert => {
|
||||
assert.ok(track(generateClickEventOn(".back")));
|
||||
});
|
||||
|
||||
QUnit.test("does not track clicks on category badges", assert => {
|
||||
assert.ok(track(generateClickEventOn(".hashtag")));
|
||||
});
|
||||
|
||||
QUnit.test("removes the href and put it as a data attribute", assert => {
|
||||
track(generateClickEventOn("a"));
|
||||
|
||||
var $link = fixture("a").first();
|
||||
assert.ok($link.hasClass("no-href"));
|
||||
assert.equal($link.data("href"), "http://www.google.com");
|
||||
assert.blank($link.attr("href"));
|
||||
assert.ok($link.data("auto-route"));
|
||||
assert.ok(DiscourseURL.redirectTo.calledOnce);
|
||||
});
|
||||
|
||||
asyncTestDiscourse("restores the href after a while", function(assert) {
|
||||
assert.expect(1);
|
||||
|
||||
track(generateClickEventOn("a"));
|
||||
QUnit.test("tracks internal URLs", async assert => {
|
||||
assert.expect(2);
|
||||
sandbox.stub(DiscourseURL, "origin").returns("http://discuss.domain.com");
|
||||
|
||||
const done = assert.async();
|
||||
setTimeout(function() {
|
||||
/* global server */
|
||||
server.get("/clicks/track", request => {
|
||||
assert.ok(
|
||||
request.url.indexOf(
|
||||
"url=http%3A%2F%2Fdiscuss.domain.com&post_id=42&topic_id=1337"
|
||||
) !== -1
|
||||
);
|
||||
done();
|
||||
assert.equal(fixture("a").attr("href"), "http://www.google.com");
|
||||
}, 75);
|
||||
});
|
||||
|
||||
var testOpenInANewTab = function(description, clickEventModifier) {
|
||||
test(description, function(assert) {
|
||||
var clickEvent = generateClickEventOn("a");
|
||||
clickEventModifier(clickEvent);
|
||||
sandbox.stub(clickEvent, "preventDefault");
|
||||
assert.ok(track(clickEvent));
|
||||
assert.ok(!clickEvent.preventDefault.calledOnce);
|
||||
});
|
||||
};
|
||||
|
||||
testOpenInANewTab("it opens in a new tab when pressing shift", function(
|
||||
clickEvent
|
||||
) {
|
||||
clickEvent.shiftKey = true;
|
||||
assert.notOk(track(generateClickEventOn("#same-site")));
|
||||
});
|
||||
|
||||
testOpenInANewTab("it opens in a new tab when pressing meta", function(
|
||||
clickEvent
|
||||
) {
|
||||
clickEvent.metaKey = true;
|
||||
QUnit.test("tracks external URLs", async assert => {
|
||||
assert.expect(2);
|
||||
|
||||
const done = assert.async();
|
||||
/* global server */
|
||||
server.get("/clicks/track", request => {
|
||||
assert.ok(
|
||||
request.url.indexOf(
|
||||
"url=http%3A%2F%2Fwww.google.com&post_id=42&topic_id=1337"
|
||||
) !== -1
|
||||
);
|
||||
done();
|
||||
});
|
||||
|
||||
assert.notOk(track(generateClickEventOn("a")));
|
||||
});
|
||||
|
||||
testOpenInANewTab("it opens in a new tab when pressing ctrl", function(
|
||||
clickEvent
|
||||
) {
|
||||
clickEvent.ctrlKey = true;
|
||||
});
|
||||
QUnit.test(
|
||||
"tracks external URLs when opening in another window",
|
||||
async assert => {
|
||||
assert.expect(3);
|
||||
Discourse.User.currentProp("external_links_in_new_tab", true);
|
||||
|
||||
testOpenInANewTab("it opens in a new tab on middle click", function(
|
||||
clickEvent
|
||||
) {
|
||||
clickEvent.button = 2;
|
||||
});
|
||||
const done = assert.async();
|
||||
/* global server */
|
||||
server.get("/clicks/track", request => {
|
||||
assert.ok(
|
||||
request.url.indexOf(
|
||||
"url=http%3A%2F%2Fwww.google.com&post_id=42&topic_id=1337"
|
||||
) !== -1
|
||||
);
|
||||
done();
|
||||
});
|
||||
|
||||
QUnit.test("tracks via AJAX if we're on the same site", assert => {
|
||||
sandbox.stub(DiscourseURL, "routeTo");
|
||||
sandbox.stub(DiscourseURL, "origin").returns("http://discuss.domain.com");
|
||||
|
||||
assert.ok(!track(generateClickEventOn("#same-site")));
|
||||
assert.ok(DiscourseURL.routeTo.calledOnce);
|
||||
});
|
||||
|
||||
QUnit.test("does not track via AJAX for attachments", assert => {
|
||||
sandbox.stub(DiscourseURL, "routeTo");
|
||||
sandbox.stub(DiscourseURL, "origin").returns("http://discuss.domain.com");
|
||||
|
||||
assert.ok(!track(generateClickEventOn(".attachment")));
|
||||
assert.ok(DiscourseURL.redirectTo.calledOnce);
|
||||
});
|
||||
|
||||
QUnit.test("tracks custom urls when opening in another window", assert => {
|
||||
var clickEvent = generateClickEventOn("a");
|
||||
sandbox
|
||||
.stub(Discourse.User, "currentProp")
|
||||
.withArgs("external_links_in_new_tab")
|
||||
.returns(true);
|
||||
assert.ok(!track(clickEvent));
|
||||
assert.ok(
|
||||
windowOpen.calledWith(
|
||||
"/clicks/track?url=http%3A%2F%2Fwww.google.com&post_id=42&topic_id=1337",
|
||||
"_blank"
|
||||
)
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test("tracks custom urls when opening in another window", assert => {
|
||||
var clickEvent = generateClickEventOn("a");
|
||||
assert.ok(!track(clickEvent));
|
||||
assert.ok(
|
||||
redirectTo.calledWith(
|
||||
"/clicks/track?url=http%3A%2F%2Fwww.google.com&post_id=42&topic_id=1337"
|
||||
)
|
||||
);
|
||||
});
|
||||
assert.notOk(track(generateClickEventOn("a")));
|
||||
assert.ok(window.open.calledWith("http://www.google.com", "_blank"));
|
||||
}
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user