mirror of
https://github.com/discourse/discourse.git
synced 2024-12-14 05:33:54 +08:00
c99ecba68f
- reduces the API to 3 actions for now: appendContent/prependContent/onChange - well tested - removes all previous APIS which were only half supported or too dangerous as they could collide with other plugins or core behaviors - this plugins also puts every sk test helpers in one file
360 lines
7.9 KiB
JavaScript
360 lines
7.9 KiB
JavaScript
import DiscourseURL from "discourse/lib/url";
|
||
import Category from "discourse/models/category";
|
||
import componentTest from "helpers/component-test";
|
||
import { testSelectKitModule } from "helpers/select-kit-helper";
|
||
import {
|
||
NO_CATEGORIES_ID,
|
||
ALL_CATEGORIES_ID
|
||
} from "select-kit/components/category-drop";
|
||
import { set } from "@ember/object";
|
||
|
||
testSelectKitModule("category-drop");
|
||
|
||
function initCategories(context) {
|
||
const categories = context.site.categoriesList;
|
||
context.setProperties({
|
||
category: categories.firstObject,
|
||
categories
|
||
});
|
||
}
|
||
|
||
function initCategoriesWithParentCategory(context) {
|
||
const parentCategory = Category.findById(2);
|
||
const childCategories = context.site.categoriesList.filter(c => {
|
||
return c.parentCategory === parentCategory;
|
||
});
|
||
|
||
context.setProperties({
|
||
parentCategory,
|
||
category: null,
|
||
categories: childCategories
|
||
});
|
||
}
|
||
|
||
function template(options = []) {
|
||
return `
|
||
{{category-drop
|
||
category=category
|
||
categories=categories
|
||
parentCategory=parentCategory
|
||
options=(hash
|
||
${options.join("\n")}
|
||
)
|
||
}}
|
||
`;
|
||
}
|
||
|
||
componentTest("caretUpIcon", {
|
||
template: `
|
||
{{category-drop
|
||
category=value
|
||
categories=content
|
||
}}
|
||
`,
|
||
|
||
async test(assert) {
|
||
const $header = this.subject.header().el();
|
||
|
||
assert.ok(
|
||
exists($header.find(`.d-icon-caret-right`)),
|
||
"it uses the correct default icon"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("none", {
|
||
template: `
|
||
{{category-drop
|
||
category=value
|
||
categories=content
|
||
}}
|
||
`,
|
||
|
||
async test(assert) {
|
||
const text = this.subject.header().label();
|
||
assert.equal(
|
||
text,
|
||
I18n.t("category.all").toLowerCase(),
|
||
"it uses the noneLabel"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("[not staff - TL0] displayCategoryDescription", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
set(this.currentUser, "staff", false);
|
||
set(this.currentUser, "trustLevel", 0);
|
||
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const row = this.subject.rowByValue(this.category.id);
|
||
assert.ok(
|
||
exists(row.el().find(".category-desc")),
|
||
"it shows category description for newcomers"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("[not staff - TL1] displayCategoryDescription", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
set(this.currentUser, "staff", false);
|
||
set(this.currentUser, "trustLevel", 1);
|
||
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const row = this.subject.rowByValue(this.category.id);
|
||
assert.ok(
|
||
exists(row.el().find(".category-desc")),
|
||
"it doesn't show category description for TL0+"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("[staff - TL0] displayCategoryDescription", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
set(this.currentUser, "staff", true);
|
||
set(this.currentUser, "trustLevel", 0);
|
||
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const row = this.subject.rowByValue(this.category.id);
|
||
assert.ok(
|
||
exists(row.el().find(".category-desc")),
|
||
"it doesn't show category description for staff"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("hideParentCategory (default: false)", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const row = this.subject.rowByValue(this.category.id);
|
||
assert.equal(row.value(), this.category.id);
|
||
assert.equal(this.category.parent_category_id, null);
|
||
}
|
||
});
|
||
|
||
componentTest("hideParentCategory (true)", {
|
||
template: template(["hideParentCategory=true"]),
|
||
|
||
beforeEach() {
|
||
initCategoriesWithParentCategory(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const parentRow = this.subject.rowByValue(this.parentCategory.id);
|
||
assert.notOk(parentRow.exists(), "the parent row is not showing");
|
||
|
||
const childCategory = this.categories.firstObject;
|
||
const childCategoryId = childCategory.id;
|
||
const childRow = this.subject.rowByValue(childCategoryId);
|
||
assert.ok(childRow.exists(), "the child row is showing");
|
||
|
||
const $categoryStatus = childRow.el().find(".category-status");
|
||
assert.ok(
|
||
$categoryStatus
|
||
.text()
|
||
.trim()
|
||
.match(/^spec/)
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("allow_uncategorized_topics (true)", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
this.siteSettings.allow_uncategorized_topics = true;
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const uncategorizedCategoryId = this.site.uncategorized_category_id;
|
||
const row = this.subject.rowByValue(uncategorizedCategoryId);
|
||
assert.ok(row.exists(), "the uncategorized row is showing");
|
||
}
|
||
});
|
||
|
||
componentTest("allow_uncategorized_topics (false)", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
this.siteSettings.allow_uncategorized_topics = false;
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const uncategorizedCategoryId = this.site.uncategorized_category_id;
|
||
const row = this.subject.rowByValue(uncategorizedCategoryId);
|
||
assert.notOk(row.exists(), "the uncategorized row is not showing");
|
||
}
|
||
});
|
||
|
||
componentTest("countSubcategories (default: false)", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const category = Category.findById(7);
|
||
const row = this.subject.rowByValue(category.id);
|
||
const topicCount = row
|
||
.el()
|
||
.find(".topic-count")
|
||
.text()
|
||
.trim();
|
||
|
||
assert.equal(
|
||
topicCount,
|
||
"× 481",
|
||
"it doesn't include the topic count of subcategories"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("countSubcategories (true)", {
|
||
template: template(["countSubcategories=true"]),
|
||
|
||
beforeEach() {
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
const category = Category.findById(7);
|
||
const row = this.subject.rowByValue(category.id);
|
||
const topicCount = row
|
||
.el()
|
||
.find(".topic-count")
|
||
.text()
|
||
.trim();
|
||
|
||
assert.equal(
|
||
topicCount,
|
||
"× 584",
|
||
"it includes the topic count of subcategories"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("shortcuts:default", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
initCategories(this);
|
||
this.set("category", null);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
assert.equal(
|
||
this.subject.rowByIndex(0).value(),
|
||
this.categories.firstObject.id,
|
||
"Shortcuts are not prepended when no category is selected"
|
||
);
|
||
}
|
||
});
|
||
|
||
componentTest("shortcuts:category is set", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
initCategories(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
assert.equal(this.subject.rowByIndex(0).value(), ALL_CATEGORIES_ID);
|
||
}
|
||
});
|
||
|
||
componentTest("shortcuts with parentCategory/subCategory=true:default", {
|
||
template: template(["subCategory=true"]),
|
||
|
||
beforeEach() {
|
||
initCategoriesWithParentCategory(this);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
assert.equal(this.subject.rowByIndex(0).value(), NO_CATEGORIES_ID);
|
||
}
|
||
});
|
||
|
||
componentTest(
|
||
"shortcuts with parentCategory/subCategory=true:category is selected",
|
||
{
|
||
template: template(["subCategory=true"]),
|
||
|
||
beforeEach() {
|
||
initCategoriesWithParentCategory(this);
|
||
this.set("category", this.categories.firstObject);
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
|
||
assert.equal(this.subject.rowByIndex(0).value(), ALL_CATEGORIES_ID);
|
||
assert.equal(this.subject.rowByIndex(1).value(), NO_CATEGORIES_ID);
|
||
}
|
||
}
|
||
);
|
||
|
||
componentTest("category url", {
|
||
template: template(),
|
||
|
||
beforeEach() {
|
||
initCategoriesWithParentCategory(this);
|
||
sandbox.stub(DiscourseURL, "routeTo");
|
||
},
|
||
|
||
async test(assert) {
|
||
await this.subject.expand();
|
||
await this.subject.selectRowByValue(26);
|
||
|
||
assert.ok(
|
||
DiscourseURL.routeTo.calledWith("/c/feature/spec/26"),
|
||
"it builds a correct URL"
|
||
);
|
||
}
|
||
});
|