e3f1e0e9bc
This PR renames the old Sidebar::Section displaySection function to displaySectionContent, and changes the meaning of displaySection to hide the entire sidebar section including the header. This is implemented via an arg passed to Sidebar::Section, which will default to true if it is not passed, and the BaseCustomSidebarSection class implements a default of `return true` for this function.
74 lines
2.2 KiB
JavaScript
74 lines
2.2 KiB
JavaScript
import { module, test } from "qunit";
|
|
import { hbs } from "ember-cli-htmlbars";
|
|
import { click, render } from "@ember/test-helpers";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import { exists } from "discourse/tests/helpers/qunit-helpers";
|
|
|
|
module("Integration | Component | sidebar | section", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("default displaySection value for section", async function (assert) {
|
|
const template = hbs`
|
|
<Sidebar::Section
|
|
@sectionName="test"
|
|
@headerLinkText="test header"
|
|
@headerLinkTitle="some title"
|
|
@headerActionsIcon="plus"
|
|
@headerActions={{this.headerActions}} />`;
|
|
|
|
this.headerActions = [];
|
|
await render(template);
|
|
|
|
assert.ok(
|
|
exists(".sidebar-section-wrapper"),
|
|
"section is displayed by default if no display arg is provided"
|
|
);
|
|
});
|
|
|
|
test("displaySection is dynamic based on argument", async function (assert) {
|
|
const template = hbs`
|
|
<Sidebar::Section
|
|
@sectionName="test"
|
|
@headerLinkText="test header"
|
|
@headerLinkTitle="some title"
|
|
@headerActionsIcon="plus"
|
|
@headerActions={{this.headerActions}}
|
|
@displaySection={{this.displaySection}}/>`;
|
|
|
|
this.displaySection = false;
|
|
this.headerActions = [];
|
|
await render(template);
|
|
|
|
assert.notOk(
|
|
exists(".sidebar-section-wrapper"),
|
|
"section is not displayed"
|
|
);
|
|
|
|
this.set("displaySection", true);
|
|
assert.ok(exists(".sidebar-section-wrapper"), "section is displayed");
|
|
});
|
|
|
|
test("can expand and collapse content when section is collapsible", async function (assert) {
|
|
const template = hbs`
|
|
<Sidebar::Section
|
|
@sectionName="test"
|
|
@headerLinkText="test header"
|
|
@headerLinkTitle="some title"
|
|
@headerActionsIcon="plus"
|
|
@headerActions={{this.headerActions}}
|
|
@collapsable=true />`;
|
|
|
|
this.headerActions = [];
|
|
await render(template);
|
|
|
|
assert.ok(exists(".sidebar-section-content"), "shows content by default");
|
|
|
|
await click(".sidebar-section-header-caret");
|
|
|
|
assert.notOk(
|
|
exists(".sidebar-section-content"),
|
|
"does not show content after collapsing"
|
|
);
|
|
});
|
|
});
|