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

73 lines
2.5 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');
});