mirror of
https://github.com/bringout/oca-ocb-core.git
synced 2026-04-20 17:31:59 +02:00
vanilla 18.0
This commit is contained in:
Ernad Husremovic
parent
5454004ff9
commit
d7f6d2725e
979 changed files with 428093 additions and 0 deletions
304
odoo-bringout-oca-ocb-web/web/static/tests/views/layout.test.js
Normal file
304
odoo-bringout-oca-ocb-web/web/static/tests/views/layout.test.js
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
import { expect, test } from "@odoo/hoot";
|
||||
import { animationFrame } from "@odoo/hoot-mock";
|
||||
import {
|
||||
Component,
|
||||
onWillStart,
|
||||
reactive,
|
||||
useChildSubEnv,
|
||||
useState,
|
||||
useSubEnv,
|
||||
xml,
|
||||
} from "@odoo/owl";
|
||||
import {
|
||||
defineModels,
|
||||
fields,
|
||||
makeMockEnv,
|
||||
models,
|
||||
mountWithCleanup,
|
||||
mountWithSearch,
|
||||
} from "@web/../tests/web_test_helpers";
|
||||
|
||||
import { useService } from "@web/core/utils/hooks";
|
||||
import { Layout } from "@web/search/layout";
|
||||
import { SearchModel } from "@web/search/search_model";
|
||||
import { getDefaultConfig } from "@web/views/view";
|
||||
|
||||
class Foo extends models.Model {
|
||||
aaa = fields.Selection({
|
||||
selection: [
|
||||
["a", "A"],
|
||||
["b", "B"],
|
||||
],
|
||||
});
|
||||
|
||||
_views = {
|
||||
search: `
|
||||
<search>
|
||||
<searchpanel>
|
||||
<field name="aaa"/>
|
||||
</searchpanel>
|
||||
</search>
|
||||
`,
|
||||
};
|
||||
}
|
||||
defineModels([Foo]);
|
||||
|
||||
test(`Simple rendering`, async () => {
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout className="'o_view_sample_data'" display="props.display">
|
||||
<div class="toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
}
|
||||
|
||||
await mountWithCleanup(ToyComponent, {
|
||||
env: await makeMockEnv({ config: {} }),
|
||||
});
|
||||
expect(`.o_view_sample_data`).toHaveCount(1);
|
||||
expect(`.o_control_panel`).toHaveCount(0);
|
||||
expect(`.o_component_with_search_panel`).toHaveCount(0);
|
||||
expect(`.o_search_panel`).toHaveCount(0);
|
||||
expect(`.o_content > .toy_content`).toHaveCount(1);
|
||||
});
|
||||
|
||||
test(`Simple rendering: with search`, async () => {
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout display="props.display">
|
||||
<t t-set-slot="layout-actions">
|
||||
<div class="toy_search_bar"/>
|
||||
</t>
|
||||
<div class="toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
}
|
||||
|
||||
await mountWithSearch(ToyComponent, {
|
||||
resModel: "foo",
|
||||
searchViewId: false,
|
||||
});
|
||||
expect(`.o_control_panel .o_control_panel_actions .toy_search_bar`).toHaveCount(1);
|
||||
expect(`.o_component_with_search_panel .o_search_panel`).toHaveCount(1);
|
||||
expect(`.o_cp_searchview`).toHaveCount(0);
|
||||
expect(`.o_content > .toy_content`).toHaveCount(1);
|
||||
});
|
||||
|
||||
test(`Rendering with default ControlPanel and SearchPanel`, async () => {
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout className="'o_view_sample_data'" display="{ controlPanel: {}, searchPanel: true }">
|
||||
<div class="toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
|
||||
setup() {
|
||||
this.searchModel = new SearchModel(this.env, {
|
||||
orm: useService("orm"),
|
||||
view: useService("view"),
|
||||
});
|
||||
useSubEnv({ searchModel: this.searchModel });
|
||||
onWillStart(async () => {
|
||||
await this.searchModel.load({ resModel: "foo" });
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
await mountWithCleanup(ToyComponent, {
|
||||
env: await makeMockEnv({
|
||||
config: {
|
||||
breadcrumbs: getDefaultConfig().breadcrumbs,
|
||||
},
|
||||
}),
|
||||
});
|
||||
expect(`.o_search_panel`).toHaveCount(1);
|
||||
expect(`.o_control_panel`).toHaveCount(1);
|
||||
expect(`.o_breadcrumb`).toHaveCount(1);
|
||||
expect(`.o_component_with_search_panel`).toHaveCount(1);
|
||||
expect(`.o_content > .toy_content`).toHaveCount(1);
|
||||
});
|
||||
|
||||
test(`Nested layouts`, async () => {
|
||||
// Component C: bottom (no control panel)
|
||||
class ToyC extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout className="'toy_c'" display="display">
|
||||
<div class="toy_c_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
|
||||
get display() {
|
||||
return {
|
||||
controlPanel: false,
|
||||
searchPanel: true,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Component B: center (with custom search panel)
|
||||
class SearchPanel extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`<div class="o_toy_search_panel"/>`;
|
||||
}
|
||||
|
||||
class ToyB extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout className="'toy_b'" display="props.display">
|
||||
<t t-set-slot="layout-actions">
|
||||
<div class="toy_b_breadcrumbs"/>
|
||||
</t>
|
||||
<ToyC/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout, ToyC };
|
||||
setup() {
|
||||
useChildSubEnv({
|
||||
config: {
|
||||
...getDefaultConfig(),
|
||||
SearchPanel,
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Component A: top
|
||||
class ToyA extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout className="'toy_a'" display="props.display">
|
||||
<t t-set-slot="layout-actions">
|
||||
<div class="toy_a_search"/>
|
||||
</t>
|
||||
<ToyB display="props.display"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout, ToyB };
|
||||
}
|
||||
|
||||
await mountWithSearch(ToyA, {
|
||||
resModel: "foo",
|
||||
searchViewId: false,
|
||||
});
|
||||
expect(`.o_content.toy_a .o_content.toy_b .o_content.toy_c`).toHaveCount(1);
|
||||
expect(".o_control_panel").toHaveCount(2);
|
||||
expect(".o_content.o_component_with_search_panel").toHaveCount(3);
|
||||
expect(`.o_search_panel`).toHaveCount(1);
|
||||
expect(".o_toy_search_panel").toHaveCount(2);
|
||||
expect(`.toy_a_search`).toHaveCount(1);
|
||||
expect(`.toy_b_breadcrumbs`).toHaveCount(1);
|
||||
expect(`.toy_c_content`).toHaveCount(1);
|
||||
});
|
||||
|
||||
test(`Custom control panel`, async () => {
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout display="props.display">
|
||||
<div class="o_toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
}
|
||||
|
||||
class ControlPanel extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`<div class="o_toy_search_panel"/>`;
|
||||
}
|
||||
|
||||
await mountWithSearch(
|
||||
ToyComponent,
|
||||
{
|
||||
resModel: "foo",
|
||||
searchViewId: false,
|
||||
},
|
||||
{ ControlPanel }
|
||||
);
|
||||
expect(`.o_toy_content`).toHaveCount(1);
|
||||
expect(`.o_toy_search_panel`).toHaveCount(1);
|
||||
expect(`.o_control_panel`).toHaveCount(0);
|
||||
});
|
||||
|
||||
test(`Custom search panel`, async () => {
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout display="props.display">
|
||||
<div class="o_toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
}
|
||||
|
||||
class SearchPanel extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`<div class="o_toy_search_panel"/>`;
|
||||
}
|
||||
|
||||
await mountWithSearch(
|
||||
ToyComponent,
|
||||
{
|
||||
resModel: "foo",
|
||||
searchViewId: false,
|
||||
},
|
||||
{ SearchPanel }
|
||||
);
|
||||
expect(`.o_toy_content`).toHaveCount(1);
|
||||
expect(`.o_toy_search_panel`).toHaveCount(1);
|
||||
expect(`.o_search_panel`).toHaveCount(0);
|
||||
});
|
||||
|
||||
test(`Simple rendering: with dynamically displayed search`, async () => {
|
||||
const state = reactive({ displayLayoutActions: true });
|
||||
|
||||
class ToyComponent extends Component {
|
||||
static props = ["*"];
|
||||
static template = xml`
|
||||
<Layout display="display">
|
||||
<t t-set-slot="layout-actions">
|
||||
<div class="toy_search_bar"/>
|
||||
</t>
|
||||
<div class="toy_content"/>
|
||||
</Layout>
|
||||
`;
|
||||
static components = { Layout };
|
||||
|
||||
setup() {
|
||||
this.state = useState(state);
|
||||
}
|
||||
|
||||
get display() {
|
||||
return {
|
||||
...this.props.display,
|
||||
controlPanel: {
|
||||
...this.props.display.controlPanel,
|
||||
layoutActions: this.state.displayLayoutActions,
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
await mountWithSearch(ToyComponent, {
|
||||
resModel: "foo",
|
||||
searchViewId: false,
|
||||
});
|
||||
expect(`.o_control_panel .o_control_panel_actions .toy_search_bar`).toHaveCount(1);
|
||||
expect(`.o_component_with_search_panel .o_search_panel`).toHaveCount(1);
|
||||
expect(`.o_cp_searchview`).toHaveCount(0);
|
||||
expect(`.o_content > .toy_content`).toHaveCount(1);
|
||||
|
||||
state.displayLayoutActions = false;
|
||||
await animationFrame();
|
||||
expect(`.o_control_panel .o_control_panel_actions .toy_search_bar`).toHaveCount(0);
|
||||
expect(`.o_component_with_search_panel .o_search_panel`).toHaveCount(1);
|
||||
expect(`.o_cp_searchview`).toHaveCount(0);
|
||||
expect(`.o_content > .toy_content`).toHaveCount(1);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue