discourse/test/javascripts/lib/category-badge-test.js.es6

100 lines
2.6 KiB
JavaScript

import createStore from "helpers/create-store";
QUnit.module("lib:category-link");
import parseHTML from "discourse/helpers/parse-html";
import { categoryBadgeHTML } from "discourse/helpers/category-link";
QUnit.test("categoryBadge without a category", assert => {
assert.blank(categoryBadgeHTML(), "it returns no HTML");
});
QUnit.test("Regular categoryBadge", assert => {
const store = createStore();
const category = store.createRecord("category", {
name: "hello",
id: 123,
description_text: "cool description",
color: "ff0",
text_color: "f00"
});
const tag = parseHTML(categoryBadgeHTML(category))[0];
assert.equal(tag.name, "a", "it creates a `a` wrapper tag");
assert.equal(
tag.attributes["class"].trim(),
"badge-wrapper",
"it has the correct class"
);
const label = tag.children[1];
assert.equal(
label.attributes.title,
"cool description",
"it has the correct title"
);
assert.equal(
label.children[0].children[0].data,
"hello",
"it has the category name"
);
});
QUnit.test("undefined color", assert => {
const store = createStore();
const noColor = store.createRecord("category", { name: "hello", id: 123 });
const tag = parseHTML(categoryBadgeHTML(noColor))[0];
assert.blank(
tag.attributes.style,
"it has no color style because there are no colors"
);
});
QUnit.test("allowUncategorized", assert => {
const store = createStore();
const uncategorized = store.createRecord("category", {
name: "uncategorized",
id: 345
});
sandbox
.stub(Discourse.Site, "currentProp")
.withArgs("uncategorized_category_id")
.returns(345);
assert.blank(
categoryBadgeHTML(uncategorized),
"it doesn't return HTML for uncategorized by default"
);
assert.present(
categoryBadgeHTML(uncategorized, { allowUncategorized: true }),
"it returns HTML"
);
});
QUnit.test("category names are wrapped in dir-spans", assert => {
Discourse.SiteSettings.support_mixed_text_direction = true;
const store = createStore();
const rtlCategory = store.createRecord("category", {
name: "תכנות עם Ruby",
id: 123,
description_text: "cool description",
color: "ff0",
text_color: "f00"
});
const ltrCategory = store.createRecord("category", {
name: "Programming in Ruby",
id: 234
});
let tag = parseHTML(categoryBadgeHTML(rtlCategory))[0];
let dirSpan = tag.children[1].children[0];
assert.equal(dirSpan.attributes.dir, "rtl");
tag = parseHTML(categoryBadgeHTML(ltrCategory))[0];
dirSpan = tag.children[1].children[0];
assert.equal(dirSpan.attributes.dir, "ltr");
});