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

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