mirror of
https://github.com/bringout/oca-ocb-core.git
synced 2026-04-19 17:32:05 +02:00
Initial commit: Core packages
This commit is contained in:
Ernad Husremovic
commit
12c29a983b
9512 changed files with 8379910 additions and 0 deletions
|
|
@ -0,0 +1,393 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { browser } from "@web/core/browser/browser";
|
||||
import { CalendarCommonRenderer } from "@web/views/calendar/calendar_common/calendar_common_renderer";
|
||||
import { CalendarYearRenderer } from "@web/views/calendar/calendar_year/calendar_year_renderer";
|
||||
import { click, getFixture, nextTick, patchDate, patchWithCleanup } from "../../helpers/utils";
|
||||
import { changeScale, clickEvent, toggleSectionFilter } from "../../views/calendar/helpers";
|
||||
import { makeView, setupViewRegistries } from "../../views/helpers";
|
||||
import { tap, swipeRight, tapAndMove } from "../helpers";
|
||||
|
||||
let target;
|
||||
let serverData;
|
||||
|
||||
QUnit.module("Views", ({ beforeEach }) => {
|
||||
beforeEach(() => {
|
||||
// 2016-12-12 08:00:00
|
||||
patchDate(2016, 11, 12, 8, 0, 0);
|
||||
patchWithCleanup(browser, {
|
||||
setTimeout: (fn) => fn(),
|
||||
clearTimeout: () => {},
|
||||
});
|
||||
|
||||
target = getFixture();
|
||||
|
||||
setupViewRegistries();
|
||||
|
||||
serverData = {
|
||||
models: {
|
||||
event: {
|
||||
fields: {
|
||||
id: { string: "ID", type: "integer" },
|
||||
name: { string: "name", type: "char" },
|
||||
start: { string: "start datetime", type: "datetime" },
|
||||
stop: { string: "stop datetime", type: "datetime" },
|
||||
partner_id: {
|
||||
string: "user",
|
||||
type: "many2one",
|
||||
relation: "partner",
|
||||
related: "user_id.partner_id",
|
||||
default: 1,
|
||||
},
|
||||
},
|
||||
records: [
|
||||
{
|
||||
id: 1,
|
||||
partner_id: 1,
|
||||
name: "event 1",
|
||||
start: "2016-12-11 00:00:00",
|
||||
stop: "2016-12-11 00:00:00",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
partner_id: 2,
|
||||
name: "event 2",
|
||||
start: "2016-12-12 10:55:05",
|
||||
stop: "2016-12-12 14:55:05",
|
||||
},
|
||||
],
|
||||
methods: {
|
||||
check_access_rights() {
|
||||
return Promise.resolve(true);
|
||||
},
|
||||
},
|
||||
},
|
||||
partner: {
|
||||
fields: {
|
||||
id: { string: "ID", type: "integer" },
|
||||
image: { string: "Image", type: "binary" },
|
||||
display_name: { string: "Displayed name", type: "char" },
|
||||
},
|
||||
records: [
|
||||
{ id: 1, display_name: "partner 1", image: "AAA" },
|
||||
{ id: 2, display_name: "partner 2", image: "BBB" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
QUnit.module("CalendarView - Mobile");
|
||||
|
||||
QUnit.test("simple calendar rendering in mobile", async function (assert) {
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
arch: `
|
||||
<calendar date_start="start" date_stop="stop">
|
||||
<field name="name"/>
|
||||
</calendar>`,
|
||||
serverData,
|
||||
});
|
||||
|
||||
assert.containsNone(target, ".o_calendar_button_prev", "prev button should be hidden");
|
||||
assert.containsNone(target, ".o_calendar_button_next", "next button should be hidden");
|
||||
assert.isVisible(
|
||||
target.querySelector(
|
||||
".o_cp_bottom_left .o_calendar_buttons .o_calendar_scale_buttons + button.o_cp_today_button"
|
||||
),
|
||||
"today button should be visible near the calendar buttons (bottom left corner)"
|
||||
);
|
||||
|
||||
// Test all views
|
||||
// displays month mode by default
|
||||
assert.containsOnce(
|
||||
target,
|
||||
".fc-view-container > .fc-timeGridWeek-view",
|
||||
"should display the current week"
|
||||
);
|
||||
assert.equal(
|
||||
target.querySelector(".breadcrumb-item").textContent,
|
||||
"undefined (Dec 11 – 17, 2016)"
|
||||
);
|
||||
|
||||
// switch to day mode
|
||||
await click(target, ".o_control_panel .scale_button_selection");
|
||||
await click(target, ".o_control_panel .o_calendar_button_day");
|
||||
await nextTick();
|
||||
assert.containsOnce(
|
||||
target,
|
||||
".fc-view-container > .fc-timeGridDay-view",
|
||||
"should display the current day"
|
||||
);
|
||||
assert.equal(
|
||||
target.querySelector(".breadcrumb-item").textContent,
|
||||
"undefined (December 12, 2016)"
|
||||
);
|
||||
|
||||
// switch to month mode
|
||||
await click(target, ".o_control_panel .scale_button_selection");
|
||||
await click(target, ".o_control_panel .o_calendar_button_month");
|
||||
await nextTick();
|
||||
assert.containsOnce(
|
||||
target,
|
||||
".fc-view-container > .fc-dayGridMonth-view",
|
||||
"should display the current month"
|
||||
);
|
||||
assert.equal(
|
||||
target.querySelector(".breadcrumb-item").textContent,
|
||||
"undefined (December 2016)"
|
||||
);
|
||||
|
||||
// switch to year mode
|
||||
await click(target, ".o_control_panel .scale_button_selection");
|
||||
await click(target, ".o_control_panel .o_calendar_button_year");
|
||||
await nextTick();
|
||||
assert.containsOnce(
|
||||
target,
|
||||
".fc-view-container > .fc-dayGridYear-view",
|
||||
"should display the current year"
|
||||
);
|
||||
assert.equal(target.querySelector(".breadcrumb-item").textContent, "undefined (2016)");
|
||||
});
|
||||
|
||||
QUnit.test("calendar: popover is rendered as dialog in mobile", async function (assert) {
|
||||
// Legacy name of this test: "calendar: popover rendering in mobile"
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `
|
||||
<calendar date_start="start" date_stop="stop">
|
||||
<field name="name"/>
|
||||
</calendar>`,
|
||||
});
|
||||
|
||||
await clickEvent(target, 1);
|
||||
assert.containsNone(target, ".o_cw_popover");
|
||||
assert.containsOnce(target, ".modal");
|
||||
assert.hasClass(target.querySelector(".modal"), "o_modal_full");
|
||||
|
||||
assert.containsN(target, ".modal-footer .btn", 2);
|
||||
assert.containsOnce(target, ".modal-footer .btn.btn-primary.o_cw_popover_edit");
|
||||
assert.containsOnce(target, ".modal-footer .btn.btn-secondary.o_cw_popover_delete");
|
||||
});
|
||||
|
||||
QUnit.test("calendar: today button", async function (assert) {
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `<calendar mode="day" date_start="start" date_stop="stop"></calendar>`,
|
||||
});
|
||||
assert.equal(target.querySelector(".fc-day-header[data-date]").dataset.date, "2016-12-12");
|
||||
|
||||
// Swipe right
|
||||
await swipeRight(target, ".o_calendar_widget");
|
||||
assert.equal(target.querySelector(".fc-day-header[data-date]").dataset.date, "2016-12-11");
|
||||
|
||||
await click(target, ".o_calendar_button_today");
|
||||
assert.equal(target.querySelector(".fc-day-header[data-date]").dataset.date, "2016-12-12");
|
||||
});
|
||||
|
||||
QUnit.test("calendar: show and change other calendar", async function (assert) {
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `
|
||||
<calendar date_start="start" date_stop="stop" color="partner_id">
|
||||
<filter name="user_id" avatar_field="image"/>
|
||||
<field name="partner_id" filters="1" invisible="1"/>
|
||||
</calendar>`,
|
||||
});
|
||||
|
||||
assert.containsOnce(target, ".o_other_calendar_panel");
|
||||
assert.containsN(
|
||||
target,
|
||||
".o_other_calendar_panel .o_filter > *",
|
||||
3,
|
||||
"should contains 3 child nodes -> 1 label (USER) + 2 resources (user 1/2)"
|
||||
);
|
||||
assert.containsNone(target, ".o_calendar_sidebar");
|
||||
assert.containsOnce(target, ".o_calendar_renderer");
|
||||
|
||||
// Toggle the other calendar panel should hide the calendar view and show the sidebar
|
||||
await click(target, ".o_other_calendar_panel");
|
||||
assert.containsOnce(target, ".o_calendar_sidebar");
|
||||
assert.containsNone(target, ".o_calendar_renderer");
|
||||
assert.containsOnce(target, ".o_calendar_filter");
|
||||
assert.containsOnce(target, ".o_calendar_filter[data-name=partner_id]");
|
||||
|
||||
// Toggle the whole section filters by unchecking the all items checkbox
|
||||
await toggleSectionFilter(target, "partner_id");
|
||||
assert.containsN(
|
||||
target,
|
||||
".o_other_calendar_panel .o_filter > *",
|
||||
1,
|
||||
"should contains 1 child node -> 1 label (USER)"
|
||||
);
|
||||
|
||||
// Toggle again the other calendar panel should hide the sidebar and show the calendar view
|
||||
await click(target, ".o_other_calendar_panel");
|
||||
assert.containsNone(target, ".o_calendar_sidebar");
|
||||
assert.containsOnce(target, ".o_calendar_renderer");
|
||||
});
|
||||
|
||||
QUnit.test('calendar: tap on "Free Zone" opens quick create', async function (assert) {
|
||||
patchWithCleanup(CalendarCommonRenderer.prototype, {
|
||||
onDateClick(...args) {
|
||||
assert.step("dateClick");
|
||||
return this._super(...args);
|
||||
},
|
||||
onSelect(...args) {
|
||||
assert.step("select");
|
||||
return this._super(...args);
|
||||
},
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `<calendar mode="day" date_start="start" date_stop="stop"/>`,
|
||||
});
|
||||
|
||||
// Simulate a "TAP" (touch)
|
||||
await tap(
|
||||
target,
|
||||
".fc-time-grid .fc-minor[data-time='00:30:00'] .fc-widget-content:last-child"
|
||||
);
|
||||
await nextTick();
|
||||
|
||||
// should open a Quick create modal view in mobile on short tap
|
||||
assert.containsOnce(target, ".modal");
|
||||
assert.verifySteps(["dateClick"]);
|
||||
});
|
||||
|
||||
QUnit.test('calendar: select range on "Free Zone" opens quick create', async function (assert) {
|
||||
patchWithCleanup(CalendarCommonRenderer.prototype, {
|
||||
get options() {
|
||||
return Object.assign({}, this._super(), {
|
||||
selectLongPressDelay: 0,
|
||||
});
|
||||
},
|
||||
onDateClick(info) {
|
||||
assert.step("dateClick");
|
||||
return this._super(info);
|
||||
},
|
||||
onSelect(info) {
|
||||
assert.step("select");
|
||||
const { startStr, endStr } = info;
|
||||
assert.equal(startStr, "2016-12-12T01:00:00+01:00");
|
||||
assert.equal(endStr, "2016-12-12T02:00:00+01:00");
|
||||
return this._super(info);
|
||||
},
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `<calendar mode="day" date_start="start" date_stop="stop"/>`,
|
||||
});
|
||||
|
||||
// Simulate a "TAP" (touch)
|
||||
await tapAndMove(
|
||||
target,
|
||||
".fc-time-grid [data-time='01:00:00'] .fc-widget-content:last-child",
|
||||
".fc-time-grid [data-time='02:00:00'] .fc-widget-content:last-child",
|
||||
{ start: "top", end: "bottom" }
|
||||
);
|
||||
await nextTick();
|
||||
|
||||
// should open a Quick create modal view in mobile on short tap
|
||||
assert.containsOnce(target, ".modal");
|
||||
assert.verifySteps(["select"]);
|
||||
});
|
||||
|
||||
QUnit.test("calendar (year): select date range opens quick create", async function (assert) {
|
||||
patchWithCleanup(CalendarYearRenderer.prototype, {
|
||||
get options() {
|
||||
return Object.assign({}, this._super(), {
|
||||
longPressDelay: 0,
|
||||
selectLongPressDelay: 0,
|
||||
});
|
||||
},
|
||||
onDateClick(info) {
|
||||
assert.step("dateClick");
|
||||
return this._super(info);
|
||||
},
|
||||
onSelect(info) {
|
||||
assert.step("select");
|
||||
const { startStr, endStr } = info;
|
||||
assert.equal(startStr, "2016-02-02");
|
||||
assert.equal(endStr, "2016-02-06"); // end date is exclusive
|
||||
return this._super(info);
|
||||
},
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `<calendar mode="year" date_start="start" date_stop="stop"/>`,
|
||||
});
|
||||
|
||||
// Tap on a date
|
||||
await tapAndMove(
|
||||
target,
|
||||
".fc-day-top[data-date='2016-02-02']",
|
||||
".fc-day-top[data-date='2016-02-05']"
|
||||
);
|
||||
await nextTick();
|
||||
|
||||
// should open a Quick create modal view in mobile on short tap
|
||||
assert.containsOnce(target, ".modal");
|
||||
assert.verifySteps(["select"]);
|
||||
});
|
||||
|
||||
QUnit.test("calendar (year): tap on date switch to day scale", async function (assert) {
|
||||
await makeView({
|
||||
type: "calendar",
|
||||
resModel: "event",
|
||||
serverData,
|
||||
arch: `<calendar mode="year" date_start="start" date_stop="stop"/>`,
|
||||
});
|
||||
|
||||
// Should display year view
|
||||
assert.containsOnce(target, ".fc-dayGridYear-view");
|
||||
assert.containsN(target, ".fc-month-container", 12);
|
||||
assert.equal(target.querySelector(".breadcrumb-item").textContent, "undefined (2016)");
|
||||
|
||||
// Tap on a date
|
||||
await tap(target, ".fc-day-top[data-date='2016-02-05']");
|
||||
await nextTick(); // switch renderer
|
||||
await nextTick(); // await breadcrumb update
|
||||
|
||||
// Should display day view
|
||||
assert.containsNone(target, ".fc-dayGridYear-view");
|
||||
assert.containsOnce(target, ".fc-timeGridDay-view");
|
||||
assert.equal(
|
||||
target.querySelector(".breadcrumb-item").textContent,
|
||||
"undefined (February 5, 2016)"
|
||||
);
|
||||
|
||||
// Change scale to month
|
||||
await changeScale(target, "month");
|
||||
assert.containsNone(target, ".fc-timeGridDay-view");
|
||||
assert.containsOnce(target, ".fc-dayGridMonth-view");
|
||||
assert.equal(
|
||||
target.querySelector(".breadcrumb-item").textContent,
|
||||
"undefined (February 2016)"
|
||||
);
|
||||
|
||||
// Tap on a date
|
||||
await tap(target, ".fc-day-top[data-date='2016-02-10']");
|
||||
await nextTick(); // await reload & render
|
||||
await nextTick(); // await breadcrumb update
|
||||
|
||||
// should open a Quick create modal view in mobile on short tap on date in monthly view
|
||||
assert.containsOnce(target, ".modal");
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { getFixture } from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
|
||||
let serverData;
|
||||
let target;
|
||||
|
||||
QUnit.module("Fields", (hooks) => {
|
||||
hooks.beforeEach(() => {
|
||||
target = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
partner: {
|
||||
fields: {
|
||||
display_name: { string: "Displayed name", type: "char" },
|
||||
timmy: { string: "pokemon", type: "many2many", relation: "partner_type" },
|
||||
},
|
||||
},
|
||||
partner_type: {
|
||||
fields: {
|
||||
name: { string: "Partner Type", type: "char" },
|
||||
},
|
||||
records: [
|
||||
{ id: 12, display_name: "gold" },
|
||||
{ id: 14, display_name: "silver" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
setupViewRegistries();
|
||||
});
|
||||
|
||||
QUnit.module("Many2ManyTagsField");
|
||||
|
||||
QUnit.test("Many2ManyTagsField placeholder should be correct", async function (assert) {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="timmy" widget="many2many_tags" placeholder="foo"/>
|
||||
</form>`,
|
||||
});
|
||||
assert.strictEqual(target.querySelector("#timmy").placeholder, "foo");
|
||||
});
|
||||
|
||||
QUnit.test("Many2ManyTagsField placeholder should be empty", async function (assert) {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="timmy" widget="many2many_tags"/>
|
||||
</form>`,
|
||||
});
|
||||
assert.strictEqual(target.querySelector("#timmy").placeholder, "");
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,193 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { AutoComplete } from "@web/core/autocomplete/autocomplete";
|
||||
import { browser } from "@web/core/browser/browser";
|
||||
import { click, clickSave, getFixture, patchWithCleanup } from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
|
||||
import * as BarcodeScanner from "@web/webclient/barcode/barcode_scanner";
|
||||
|
||||
let serverData;
|
||||
let target;
|
||||
|
||||
const CREATE = "create";
|
||||
const NAME_SEARCH = "name_search";
|
||||
const PRODUCT_PRODUCT = "product.product";
|
||||
const SALE_ORDER_LINE = "sale_order_line";
|
||||
const PRODUCT_FIELD_NAME = "product_id";
|
||||
|
||||
// MockRPC to allow the search in barcode too
|
||||
async function barcodeMockRPC(route, args, performRPC) {
|
||||
if (args.method === NAME_SEARCH && args.model === PRODUCT_PRODUCT) {
|
||||
const result = await performRPC(route, args);
|
||||
const records = serverData.models[PRODUCT_PRODUCT].records
|
||||
.filter((record) => record.barcode === args.kwargs.name)
|
||||
.map((record) => [record.id, record.name]);
|
||||
return records.concat(result);
|
||||
}
|
||||
}
|
||||
|
||||
QUnit.module("Fields", (hooks) => {
|
||||
hooks.beforeEach(() => {
|
||||
target = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
[PRODUCT_PRODUCT]: {
|
||||
fields: {
|
||||
id: { type: "integer" },
|
||||
name: {},
|
||||
barcode: {},
|
||||
},
|
||||
records: [
|
||||
{
|
||||
id: 111,
|
||||
name: "product_cable_management_box",
|
||||
barcode: "601647855631",
|
||||
},
|
||||
{
|
||||
id: 112,
|
||||
name: "product_n95_mask",
|
||||
barcode: "601647855632",
|
||||
},
|
||||
{
|
||||
id: 113,
|
||||
name: "product_surgical_mask",
|
||||
barcode: "601647855633",
|
||||
},
|
||||
],
|
||||
},
|
||||
[SALE_ORDER_LINE]: {
|
||||
fields: {
|
||||
id: { type: "integer" },
|
||||
[PRODUCT_FIELD_NAME]: {
|
||||
string: PRODUCT_FIELD_NAME,
|
||||
type: "many2one",
|
||||
relation: PRODUCT_PRODUCT,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
views: {
|
||||
"product.product,false,kanban": `
|
||||
<kanban><templates><t t-name="kanban-box">
|
||||
<div class="oe_kanban_global_click">
|
||||
<field name="id"/>
|
||||
<field name="name"/>
|
||||
<field name="barcode"/>
|
||||
</div>
|
||||
</t></templates></kanban>
|
||||
`,
|
||||
"product.product,false,search": "<search></search>",
|
||||
},
|
||||
};
|
||||
|
||||
setupViewRegistries();
|
||||
|
||||
patchWithCleanup(AutoComplete, {
|
||||
delay: 0,
|
||||
});
|
||||
|
||||
// simulate a environment with a camera/webcam
|
||||
patchWithCleanup(
|
||||
browser,
|
||||
Object.assign({}, browser, {
|
||||
setTimeout: (fn) => fn(),
|
||||
navigator: {
|
||||
userAgent: "Chrome/0.0.0 (Linux; Android 13; Odoo TestSuite)",
|
||||
mediaDevices: {
|
||||
getUserMedia: () => [],
|
||||
},
|
||||
},
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.module("Many2OneField Barcode (Small)");
|
||||
|
||||
QUnit.test("barcode button with multiple results", async function (assert) {
|
||||
assert.expect(4);
|
||||
|
||||
// The product selected (mock) for the barcode scanner
|
||||
const selectedRecordTest = serverData.models[PRODUCT_PRODUCT].records[1];
|
||||
|
||||
patchWithCleanup(BarcodeScanner, {
|
||||
scanBarcode: async () => "mask",
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: SALE_ORDER_LINE,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="${PRODUCT_FIELD_NAME}" options="{'can_scan_barcode': True}"/>
|
||||
</form>`,
|
||||
async mockRPC(route, args, performRPC) {
|
||||
if (args.method === CREATE && args.model === SALE_ORDER_LINE) {
|
||||
const selectedId = args.args[0][PRODUCT_FIELD_NAME];
|
||||
assert.equal(
|
||||
selectedId,
|
||||
selectedRecordTest.id,
|
||||
`product id selected ${selectedId}, should be ${selectedRecordTest.id} (${selectedRecordTest.barcode})`
|
||||
);
|
||||
return performRPC(route, args, performRPC);
|
||||
}
|
||||
return barcodeMockRPC(route, args, performRPC);
|
||||
},
|
||||
});
|
||||
|
||||
const scanButton = target.querySelector(".o_barcode");
|
||||
assert.containsOnce(target, scanButton, "has scanner barcode button");
|
||||
|
||||
await click(target, ".o_barcode");
|
||||
|
||||
const modal = target.querySelector(".modal-dialog.modal-lg");
|
||||
assert.containsOnce(target, modal, "there should be one modal opened in full screen");
|
||||
|
||||
assert.containsN(
|
||||
modal,
|
||||
".o_kanban_record .oe_kanban_global_click",
|
||||
2,
|
||||
"there should be 2 records displayed"
|
||||
);
|
||||
|
||||
await click(modal, ".o_kanban_record:nth-child(1)");
|
||||
await clickSave(target);
|
||||
});
|
||||
|
||||
QUnit.test("many2one with barcode show all records", async function (assert) {
|
||||
// The product selected (mock) for the barcode scanner
|
||||
const selectedRecordTest = serverData.models[PRODUCT_PRODUCT].records[0];
|
||||
|
||||
patchWithCleanup(BarcodeScanner, {
|
||||
scanBarcode: async () => selectedRecordTest.barcode,
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: SALE_ORDER_LINE,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="${PRODUCT_FIELD_NAME}" options="{'can_scan_barcode': True}"/>
|
||||
</form>`,
|
||||
mockRPC: barcodeMockRPC,
|
||||
});
|
||||
|
||||
// Select one product
|
||||
await click(target, ".o_barcode");
|
||||
|
||||
// Click on the input to show all records
|
||||
await click(target, ".o_input_dropdown > input");
|
||||
|
||||
const modal = target.querySelector(".modal-dialog.modal-lg");
|
||||
assert.containsOnce(target, modal, "there should be one modal opened in full screen");
|
||||
|
||||
assert.containsN(
|
||||
modal,
|
||||
".o_kanban_record .oe_kanban_global_click",
|
||||
3,
|
||||
"there should be 3 records displayed"
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,209 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { click, getFixture } from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
|
||||
let fixture;
|
||||
let serverData;
|
||||
|
||||
QUnit.module("Mobile Fields", ({ beforeEach }) => {
|
||||
beforeEach(() => {
|
||||
setupViewRegistries();
|
||||
fixture = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
partner: {
|
||||
fields: {
|
||||
display_name: { string: "Displayed name", type: "char" },
|
||||
trululu: { string: "Trululu", type: "many2one", relation: "partner" },
|
||||
},
|
||||
records: [
|
||||
{ id: 1, display_name: "first record", trululu: 4 },
|
||||
{ id: 2, display_name: "second record", trululu: 1 },
|
||||
{ id: 4, display_name: "aaa" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
QUnit.module("StatusBarField");
|
||||
|
||||
QUnit.test("statusbar is rendered correclty on small devices", async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<field name="trululu" widget="statusbar" />
|
||||
</header>
|
||||
<field name="display_name" />
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_status > button",
|
||||
"should have only one visible status in mobile, the active one"
|
||||
);
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown",
|
||||
"should have a dropdown containing all status"
|
||||
);
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown-menu",
|
||||
"dropdown should be hidden"
|
||||
);
|
||||
assert.strictEqual(
|
||||
fixture.querySelector(".o_statusbar_status button.dropdown-toggle").textContent.trim(),
|
||||
"aaa",
|
||||
"statusbar button should display current field value"
|
||||
);
|
||||
|
||||
// open the dropdown
|
||||
await click(fixture, ".o_statusbar_status > button");
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown-menu",
|
||||
"dropdown should be visible"
|
||||
);
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown-menu .btn",
|
||||
3,
|
||||
"should have 3 status"
|
||||
);
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_status .btn.disabled",
|
||||
3,
|
||||
"all status should be disabled"
|
||||
);
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_status .btn:nth-child(3)"),
|
||||
"btn-primary",
|
||||
"active status should be btn-primary"
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test("statusbar with no status on extra small screens", async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 4,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<field name="trululu" widget="statusbar" />
|
||||
</header>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.doesNotHaveClass(
|
||||
fixture.querySelector(".o_field_statusbar"),
|
||||
"o_field_empty",
|
||||
"statusbar widget should have class o_field_empty in edit"
|
||||
);
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_status button.dropdown-toggle",
|
||||
"statusbar widget should have a button"
|
||||
);
|
||||
assert.strictEqual(
|
||||
fixture.querySelector(".o_statusbar_status button.dropdown-toggle").textContent.trim(),
|
||||
"",
|
||||
"statusbar button shouldn't have text for null field value"
|
||||
);
|
||||
|
||||
await click(fixture, ".o_statusbar_status button.dropdown-toggle");
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown-menu",
|
||||
"statusbar widget should have a dropdown menu"
|
||||
);
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_status .dropdown-menu .btn",
|
||||
3,
|
||||
"statusbar widget dropdown menu should have 3 buttons"
|
||||
);
|
||||
assert.strictEqual(
|
||||
fixture
|
||||
.querySelectorAll(".o_statusbar_status .dropdown-menu .btn")[0]
|
||||
.textContent.trim(),
|
||||
"first record",
|
||||
"statusbar widget dropdown first button should display the first record display_name"
|
||||
);
|
||||
assert.strictEqual(
|
||||
fixture
|
||||
.querySelectorAll(".o_statusbar_status .dropdown-menu .btn")[1]
|
||||
.textContent.trim(),
|
||||
"second record",
|
||||
"statusbar widget dropdown second button should display the second record display_name"
|
||||
);
|
||||
assert.strictEqual(
|
||||
fixture
|
||||
.querySelectorAll(".o_statusbar_status .dropdown-menu .btn")[2]
|
||||
.textContent.trim(),
|
||||
"aaa",
|
||||
"statusbar widget dropdown third button should display the third record display_name"
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test("clickable statusbar widget on mobile view", async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<field name="trululu" widget="statusbar" options="{'clickable': '1'}" />
|
||||
</header>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
await click(fixture, ".o_statusbar_status .dropdown-toggle");
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_status .dropdown-menu .btn:nth-child(3)"),
|
||||
"btn-primary"
|
||||
);
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_status .dropdown-menu .btn:nth-child(3)"),
|
||||
"disabled"
|
||||
);
|
||||
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_status .btn-secondary:not(.dropdown-toggle):not(.disabled)",
|
||||
2,
|
||||
"other status should be btn-secondary and not disabled"
|
||||
);
|
||||
|
||||
await click(
|
||||
fixture.querySelector(
|
||||
".o_statusbar_status .btn-secondary:not(.dropdown-toggle):not(.disabled)"
|
||||
)
|
||||
);
|
||||
|
||||
await click(fixture, ".o_statusbar_status .dropdown-toggle");
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_status .dropdown-menu .btn:nth-child(1)"),
|
||||
"btn-primary"
|
||||
);
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_status .dropdown-menu .btn:nth-child(1)"),
|
||||
"disabled"
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,482 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { registry } from "@web/core/registry";
|
||||
import {
|
||||
click,
|
||||
clickSave,
|
||||
editInput,
|
||||
getFixture,
|
||||
makeDeferred,
|
||||
nextTick,
|
||||
patchWithCleanup,
|
||||
} from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
import { AttachDocumentWidget } from "@web/views/widgets/attach_document/attach_document";
|
||||
|
||||
let fixture;
|
||||
let serverData;
|
||||
|
||||
const serviceRegistry = registry.category("services");
|
||||
|
||||
QUnit.module("Mobile Views", ({ beforeEach }) => {
|
||||
beforeEach(() => {
|
||||
setupViewRegistries();
|
||||
fixture = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
partner: {
|
||||
fields: {
|
||||
display_name: { type: "char", string: "Display Name" },
|
||||
trululu: { type: "many2one", string: "Trululu", relation: "partner" },
|
||||
},
|
||||
records: [
|
||||
{ id: 1, display_name: "first record", trululu: 4 },
|
||||
{ id: 2, display_name: "second record", trululu: 1 },
|
||||
{ id: 4, display_name: "aaa" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
QUnit.module("FormView");
|
||||
|
||||
QUnit.test(`statusbar buttons are correctly rendered in mobile`, async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Confirm" />
|
||||
<button string="Do it" />
|
||||
</header>
|
||||
<sheet>
|
||||
<group>
|
||||
<button name="display_name" />
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"statusbar should contain a button 'Action'"
|
||||
);
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown-menu",
|
||||
"statusbar should contain a dropdown"
|
||||
);
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown-menu:visible",
|
||||
"dropdown should be hidden"
|
||||
);
|
||||
|
||||
// open the dropdown
|
||||
await click(fixture, ".o_statusbar_buttons .dropdown-toggle");
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown-menu:visible",
|
||||
"dropdown should be visible"
|
||||
);
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown-menu button",
|
||||
2,
|
||||
"dropdown should contain 2 buttons"
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test(
|
||||
`statusbar "Action" button should be displayed only if there are multiple visible buttons`,
|
||||
async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Confirm" attrs="{'invisible': [['display_name', '=', 'first record']]}" />
|
||||
<button string="Do it" attrs="{'invisible': [['display_name', '=', 'first record']]}" />
|
||||
</header>
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="display_name" />
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
// if all buttons are invisible then there should be no action button
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_buttons > btn-group > .dropdown-toggle",
|
||||
"'Action' dropdown is not displayed as there are no visible buttons"
|
||||
);
|
||||
|
||||
// change display_name to update buttons modifiers and make it visible
|
||||
await editInput(fixture, ".o_field_widget[name=display_name] input", "test");
|
||||
await clickSave(fixture);
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"statusbar should contain a dropdown"
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test(
|
||||
`statusbar "Action" button shouldn't be displayed for only one visible button`,
|
||||
async (assert) => {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
resId: 1,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Hola" attrs="{'invisible': [['display_name', '=', 'first record']]}" />
|
||||
<button string="Ciao" />
|
||||
</header>
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="display_name" />
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
// There should be a simple statusbar button and no action dropdown
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"should have no 'Action' dropdown"
|
||||
);
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons > button",
|
||||
"should have a simple statusbar button"
|
||||
);
|
||||
|
||||
// change display_name to update buttons modifiers and make both buttons visible
|
||||
await editInput(fixture, ".o_field_widget[name=display_name] input", "test");
|
||||
|
||||
// Now there should an action dropdown, because there are two visible buttons
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"should have no 'Action' dropdown"
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test(
|
||||
`statusbar widgets should appear in the statusbar dropdown only if there are multiple items`,
|
||||
async (assert) => {
|
||||
serviceRegistry.add("http", {
|
||||
start: () => ({}),
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
resId: 2,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<widget name="attach_document" string="Attach document" />
|
||||
<button string="Ciao" attrs="{'invisible': [['display_name', '=', 'first record']]}" />
|
||||
</header>
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="display_name" />
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
// Now there should an action dropdown, because there are two visible buttons
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"should have 'Action' dropdown"
|
||||
);
|
||||
|
||||
await click(fixture, ".o_statusbar_buttons .dropdown-toggle");
|
||||
assert.containsN(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown-menu button",
|
||||
2,
|
||||
"should have 2 buttons in the dropdown"
|
||||
);
|
||||
|
||||
// change display_name to update buttons modifiers and make one button visible
|
||||
await editInput(fixture, ".o_field_widget[name=display_name] input", "first record");
|
||||
|
||||
// There should be a simple statusbar button and no action dropdown
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"shouldn't have 'Action' dropdown"
|
||||
);
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons button:visible",
|
||||
"should have 1 button visible in the statusbar"
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test(
|
||||
`statusbar "Action" dropdown should keep its open/close state`,
|
||||
async function (assert) {
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Just more than one" />
|
||||
<button string="Confirm" attrs="{'invisible': [['display_name', '=', '']]}" />
|
||||
<button string="Do it" attrs="{'invisible': [['display_name', '!=', '']]}" />
|
||||
</header>
|
||||
<sheet>
|
||||
<field name="display_name" />
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"statusbar should contain a dropdown"
|
||||
);
|
||||
assert.doesNotHaveClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should be closed"
|
||||
);
|
||||
|
||||
// open the dropdown
|
||||
await click(fixture, ".o_statusbar_buttons .dropdown-toggle");
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should be opened"
|
||||
);
|
||||
|
||||
// change display_name to update buttons' modifiers
|
||||
await editInput(fixture, ".o_field_widget[name=display_name] input", "test");
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"statusbar should contain a dropdown"
|
||||
);
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should still be opened"
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test(
|
||||
`statusbar "Action" dropdown's open/close state shouldn't be modified after 'onchange'`,
|
||||
async function (assert) {
|
||||
serverData.models.partner.onchanges = {
|
||||
display_name: async () => {},
|
||||
};
|
||||
|
||||
const onchangeDef = makeDeferred();
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button name="create" string="Create Invoice" type="action" />
|
||||
<button name="send" string="Send by Email" type="action" />
|
||||
</header>
|
||||
<sheet>
|
||||
<field name="display_name" />
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
mockRPC(route, { method, args: [, , changedField] }) {
|
||||
if (method === "onchange" && changedField === "display_name") {
|
||||
return onchangeDef;
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".o_statusbar_buttons .dropdown",
|
||||
"statusbar should contain a dropdown"
|
||||
);
|
||||
assert.doesNotHaveClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should be closed"
|
||||
);
|
||||
|
||||
await editInput(fixture, ".o_field_widget[name=display_name] input", "before onchange");
|
||||
await click(fixture, ".o_statusbar_buttons .dropdown-toggle");
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should be opened"
|
||||
);
|
||||
|
||||
onchangeDef.resolve({ value: { display_name: "after onchange" } });
|
||||
await nextTick();
|
||||
assert.strictEqual(
|
||||
fixture.querySelector(".o_field_widget[name=display_name] input").value,
|
||||
"after onchange"
|
||||
);
|
||||
assert.hasClass(
|
||||
fixture.querySelector(".o_statusbar_buttons .dropdown"),
|
||||
"show",
|
||||
"dropdown should still be opened"
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test(
|
||||
`preserve current scroll position on form view while closing dialog`,
|
||||
async function (assert) {
|
||||
serverData.views = {
|
||||
"partner,false,kanban": `
|
||||
<kanban>
|
||||
<templates>
|
||||
<t t-name="kanban-box">
|
||||
<div class="oe_kanban_global_click">
|
||||
<field name="display_name" />
|
||||
</div>
|
||||
</t>
|
||||
</templates>
|
||||
</kanban>
|
||||
`,
|
||||
"partner,false,search": `
|
||||
<search />
|
||||
`,
|
||||
};
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 2,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<sheet>
|
||||
<p style="height:500px" />
|
||||
<field name="trululu" />
|
||||
<p style="height:500px" />
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
let position = { top: 0, left: 0 };
|
||||
patchWithCleanup(window, {
|
||||
scrollTo(newPosition) {
|
||||
position = newPosition;
|
||||
},
|
||||
get scrollX() {
|
||||
return position.left;
|
||||
},
|
||||
get scrollY() {
|
||||
return position.top;
|
||||
},
|
||||
});
|
||||
|
||||
window.scrollTo({ top: 265, left: 0 });
|
||||
assert.strictEqual(window.scrollY, 265, "Should have scrolled 265 px vertically");
|
||||
assert.strictEqual(window.scrollX, 0, "Should be 0 px from left as it is");
|
||||
|
||||
// click on m2o field
|
||||
await click(fixture, ".o_field_many2one input");
|
||||
// assert.strictEqual(window.scrollY, 0, "Should have scrolled to top (0) px");
|
||||
assert.containsOnce(
|
||||
fixture,
|
||||
".modal.o_modal_full",
|
||||
"there should be a many2one modal opened in full screen"
|
||||
);
|
||||
|
||||
// click on back button
|
||||
await click(fixture, ".modal .modal-header .fa-arrow-left");
|
||||
assert.strictEqual(
|
||||
window.scrollY,
|
||||
265,
|
||||
"Should have scrolled back to 265 px vertically"
|
||||
);
|
||||
assert.strictEqual(window.scrollX, 0, "Should be 0 px from left as it is");
|
||||
}
|
||||
);
|
||||
|
||||
QUnit.test("attach_document widget also works inside a dropdown", async (assert) => {
|
||||
let fileInput;
|
||||
patchWithCleanup(AttachDocumentWidget.prototype, {
|
||||
setup() {
|
||||
this._super();
|
||||
fileInput = this.fileInput;
|
||||
},
|
||||
});
|
||||
|
||||
serviceRegistry.add("http", {
|
||||
start: () => ({
|
||||
post: (route, params) => {
|
||||
assert.step("post");
|
||||
assert.strictEqual(route, "/web/binary/upload_attachment");
|
||||
assert.strictEqual(params.model, "partner");
|
||||
assert.strictEqual(params.id, 1);
|
||||
return '[{ "id": 5 }, { "id": 2 }]';
|
||||
},
|
||||
}),
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Confirm" />
|
||||
<widget name="attach_document" string="Attach Document"/>
|
||||
</header>
|
||||
<sheet>
|
||||
<group>
|
||||
<button name="display_name" />
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
`,
|
||||
});
|
||||
|
||||
await click(fixture, ".o_statusbar_buttons .dropdown-toggle");
|
||||
await click(fixture, ".o_attach_document");
|
||||
fileInput.dispatchEvent(new Event("change"));
|
||||
await nextTick();
|
||||
assert.verifySteps(["post"]);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,238 @@
|
|||
/** @odoo-module **/
|
||||
|
||||
import { browser } from "@web/core/browser/browser";
|
||||
import { registry } from "@web/core/registry";
|
||||
import { makeFakeUserService } from "@web/../tests/helpers/mock_services";
|
||||
import { click, getFixture, patchWithCleanup, triggerEvents } from "@web/../tests/helpers/utils";
|
||||
import { getMenuItemTexts, toggleActionMenu } from "@web/../tests/search/helpers";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
|
||||
let serverData;
|
||||
let fixture;
|
||||
|
||||
QUnit.module("Mobile Views", ({ beforeEach }) => {
|
||||
beforeEach(() => {
|
||||
setupViewRegistries();
|
||||
fixture = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
foo: {
|
||||
fields: {
|
||||
foo: { string: "Foo", type: "char" },
|
||||
bar: { string: "Bar", type: "boolean" },
|
||||
},
|
||||
records: [
|
||||
{ id: 1, bar: true, foo: "yop" },
|
||||
{ id: 2, bar: true, foo: "blip" },
|
||||
{ id: 3, bar: true, foo: "gnap" },
|
||||
{ id: 4, bar: false, foo: "blip" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
patchWithCleanup(browser, {
|
||||
setTimeout: (fn) => fn() || true,
|
||||
clearTimeout: () => {},
|
||||
});
|
||||
});
|
||||
|
||||
QUnit.module("ListView");
|
||||
|
||||
QUnit.test("selection is properly displayed (single page)", async function (assert) {
|
||||
registry.category("services").add(
|
||||
"user",
|
||||
makeFakeUserService(() => false),
|
||||
{ force: true }
|
||||
);
|
||||
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree>
|
||||
<field name="foo"/>
|
||||
<field name="bar"/>
|
||||
</tree>
|
||||
`,
|
||||
loadActionMenus: true,
|
||||
});
|
||||
|
||||
assert.containsN(fixture, ".o_data_row", 4);
|
||||
assert.containsNone(fixture, ".o_list_selection_box");
|
||||
assert.containsOnce(fixture, ".o_control_panel .o_cp_bottom_right");
|
||||
|
||||
// select a record
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(1)", ["touchstart", "touchend"]);
|
||||
assert.containsOnce(fixture, ".o_list_selection_box");
|
||||
assert.containsNone(fixture, ".o_list_selection_box .o_list_select_domain");
|
||||
assert.containsNone(fixture, ".o_control_panel .o_cp_bottom_right");
|
||||
assert.ok(
|
||||
fixture.querySelector(".o_list_selection_box").textContent.includes("1 selected")
|
||||
);
|
||||
|
||||
// unselect a record
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(1)", ["touchstart", "touchend"]);
|
||||
assert.containsNone(fixture, ".o_list_selection_box .o_list_select_domain");
|
||||
|
||||
// select 2 records
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(1)", ["touchstart", "touchend"]);
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(2)", ["touchstart", "touchend"]);
|
||||
assert.ok(
|
||||
fixture.querySelector(".o_list_selection_box").textContent.includes("2 selected")
|
||||
);
|
||||
assert.containsOnce(fixture, "div.o_control_panel .o_cp_action_menus");
|
||||
|
||||
await toggleActionMenu(fixture);
|
||||
assert.deepEqual(
|
||||
getMenuItemTexts(fixture.querySelector(".o_cp_action_menus")),
|
||||
["Delete"],
|
||||
"action menu should contain the Delete action"
|
||||
);
|
||||
|
||||
// unselect all
|
||||
await click(fixture, ".o_discard_selection");
|
||||
assert.containsNone(fixture, ".o_list_selection_box");
|
||||
assert.containsOnce(fixture, ".o_control_panel .o_cp_bottom_right");
|
||||
});
|
||||
|
||||
QUnit.test("selection box is properly displayed (multi pages)", async function (assert) {
|
||||
registry.category("services").add(
|
||||
"user",
|
||||
makeFakeUserService(() => false),
|
||||
{ force: true }
|
||||
);
|
||||
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree limit="3">
|
||||
<field name="foo"/>
|
||||
<field name="bar"/>
|
||||
</tree>
|
||||
`,
|
||||
loadActionMenus: true,
|
||||
});
|
||||
|
||||
assert.containsN(fixture, ".o_data_row", 3);
|
||||
assert.containsNone(fixture, ".o_list_selection_box");
|
||||
|
||||
// select a record
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(1)", ["touchstart", "touchend"]);
|
||||
|
||||
assert.containsOnce(fixture, ".o_list_selection_box");
|
||||
assert.containsNone(fixture, ".o_list_selection_box .o_list_select_domain");
|
||||
assert.ok(
|
||||
fixture.querySelector(".o_list_selection_box").textContent.includes("1 selected")
|
||||
);
|
||||
assert.containsOnce(fixture, ".o_list_selection_box");
|
||||
assert.containsOnce(fixture, "div.o_control_panel .o_cp_action_menus");
|
||||
|
||||
await toggleActionMenu(fixture);
|
||||
assert.deepEqual(
|
||||
getMenuItemTexts(fixture.querySelector(".o_cp_action_menus")),
|
||||
["Delete"],
|
||||
"action menu should contain the Delete action"
|
||||
);
|
||||
|
||||
// select all records of first page
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(2)", ["touchstart", "touchend"]);
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(3)", ["touchstart", "touchend"]);
|
||||
assert.containsOnce(fixture, ".o_list_selection_box");
|
||||
assert.containsOnce(fixture, ".o_list_selection_box .o_list_select_domain");
|
||||
assert.ok(
|
||||
fixture.querySelector(".o_list_selection_box").textContent.includes("3 selected")
|
||||
);
|
||||
assert.containsOnce(fixture, ".o_list_select_domain");
|
||||
|
||||
// select all domain
|
||||
await click(fixture, ".o_list_selection_box .o_list_select_domain");
|
||||
assert.containsOnce(fixture, ".o_list_selection_box");
|
||||
assert.ok(
|
||||
fixture.querySelector(".o_list_selection_box").textContent.includes("All 4 selected")
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test("export button is properly hidden", async (assert) => {
|
||||
registry.category("services").add(
|
||||
"user",
|
||||
makeFakeUserService((group) => group === "base.group_allow_export"),
|
||||
{ force: true }
|
||||
);
|
||||
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree>
|
||||
<field name="foo"/>
|
||||
<field name="bar"/>
|
||||
</tree>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.containsN(fixture, ".o_data_row", 4);
|
||||
assert.isNotVisible(fixture.querySelector(".o_list_export_xlsx"));
|
||||
});
|
||||
|
||||
QUnit.test("editable readonly list view is disabled", async (assert) => {
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree>
|
||||
<field name="foo" />
|
||||
</tree>
|
||||
`,
|
||||
});
|
||||
|
||||
await triggerEvents(fixture, ".o_data_row:nth-child(1)", ["touchstart", "touchend"]);
|
||||
await click(fixture, ".o_data_row:nth-child(1) .o_data_cell:nth-child(1)");
|
||||
assert.containsNone(
|
||||
fixture,
|
||||
".o_selected_row .o_field_widget[name=foo]",
|
||||
"The listview should not contains an edit field"
|
||||
);
|
||||
});
|
||||
|
||||
QUnit.test("add custom field button not shown in mobile (with opt. col.)", async (assert) => {
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree>
|
||||
<field name="foo" />
|
||||
<field name="bar" optional="hide" />
|
||||
</tree>
|
||||
`,
|
||||
});
|
||||
assert.containsOnce(fixture, "table .o_optional_columns_dropdown_toggle");
|
||||
await click(fixture, "table .o_optional_columns_dropdown_toggle");
|
||||
assert.containsOnce(fixture, "div.o_optional_columns_dropdown .dropdown-item");
|
||||
});
|
||||
|
||||
QUnit.test(
|
||||
"add custom field button not shown to non-system users (wo opt. col.)",
|
||||
async (assert) => {
|
||||
await makeView({
|
||||
type: "list",
|
||||
resModel: "foo",
|
||||
serverData,
|
||||
arch: `
|
||||
<tree>
|
||||
<field name="foo" />
|
||||
<field name="bar" />
|
||||
</tree>
|
||||
`,
|
||||
});
|
||||
|
||||
assert.containsNone(fixture, "table .o_optional_columns_dropdown_toggle");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
|
@ -0,0 +1,151 @@
|
|||
/** @odoo-module */
|
||||
|
||||
import { click, getFixture } from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
|
||||
QUnit.module("ViewDialogs", (hooks) => {
|
||||
let serverData;
|
||||
let target;
|
||||
|
||||
hooks.beforeEach(() => {
|
||||
target = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
product: {
|
||||
fields: {
|
||||
id: { type: "integer" },
|
||||
name: {},
|
||||
},
|
||||
records: [
|
||||
{
|
||||
id: 111,
|
||||
name: "product_cable_management_box",
|
||||
},
|
||||
],
|
||||
},
|
||||
sale_order_line: {
|
||||
fields: {
|
||||
id: { type: "integer" },
|
||||
product_id: {
|
||||
string: "product_id",
|
||||
type: "many2one",
|
||||
relation: "product",
|
||||
},
|
||||
linked_sale_order_line: {
|
||||
string: "linked_sale_order_line",
|
||||
type: "many2many",
|
||||
relation: "sale_order_line",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
views: {
|
||||
"product,false,kanban": `
|
||||
<kanban><templates><t t-name="kanban-box">
|
||||
<div class="oe_kanban_global_click">
|
||||
<field name="id"/>
|
||||
<field name="name"/>
|
||||
</div>
|
||||
</t></templates></kanban>
|
||||
`,
|
||||
"sale_order_line,false,kanban": `
|
||||
<kanban><templates><t t-name="kanban-box">
|
||||
<div class="oe_kanban_global_click">
|
||||
<field name="id"/>
|
||||
</div>
|
||||
</t></templates></kanban>
|
||||
`,
|
||||
"product,false,search": "<search></search>",
|
||||
},
|
||||
};
|
||||
setupViewRegistries();
|
||||
});
|
||||
|
||||
QUnit.module("SelectCreateDialog - Mobile");
|
||||
|
||||
QUnit.test("SelectCreateDialog: clear selection in mobile", async function (assert) {
|
||||
assert.expect(3);
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "sale_order_line",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="product_id"/>
|
||||
<field name="linked_sale_order_line" widget="many2many_tags"/>
|
||||
</form>`,
|
||||
async mockRPC(route, args) {
|
||||
if (args.method === "create" && args.model === "sale_order_line") {
|
||||
const { product_id: selectedId } = args.args[0];
|
||||
assert.strictEqual(selectedId, false, `there should be no product selected`);
|
||||
}
|
||||
},
|
||||
});
|
||||
const clearBtnSelector = ".btn.o_clear_button";
|
||||
|
||||
await click(target, '.o_field_widget[name="linked_sale_order_line"] input');
|
||||
let modal = target.querySelector(".modal-dialog.modal-lg");
|
||||
assert.containsNone(modal, clearBtnSelector, "there shouldn't be a Clear button");
|
||||
await click(modal, ".o_form_button_cancel");
|
||||
|
||||
// Select a product
|
||||
await click(target, '.o_field_widget[name="product_id"] input');
|
||||
modal = target.querySelector(".modal-dialog.modal-lg");
|
||||
await click(modal, ".o_kanban_record:nth-child(1)");
|
||||
|
||||
// Remove the product
|
||||
await click(target, '.o_field_widget[name="product_id"] input');
|
||||
modal = target.querySelector(".modal-dialog.modal-lg");
|
||||
assert.containsOnce(modal, clearBtnSelector, "there should be a Clear button");
|
||||
await click(modal, clearBtnSelector);
|
||||
|
||||
await click(target, ".o_form_button_save");
|
||||
});
|
||||
|
||||
QUnit.test("SelectCreateDialog: selection_mode should be true", async function (assert) {
|
||||
assert.expect(3);
|
||||
|
||||
serverData.views["product,false,kanban"] = `
|
||||
<kanban>
|
||||
<templates>
|
||||
<t t-name="kanban-box">
|
||||
<div class="o_primary" t-if="!selection_mode">
|
||||
<a type="object" name="some_action">
|
||||
<field name="name"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="o_primary" t-if="selection_mode">
|
||||
<field name="name"/>
|
||||
</div>
|
||||
</t>
|
||||
</templates>
|
||||
</kanban>`;
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "sale_order_line",
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<field name="product_id"/>
|
||||
<field name="linked_sale_order_line" widget="many2many_tags"/>
|
||||
</form>`,
|
||||
async mockRPC(route, args) {
|
||||
if (args.method === "create" && args.model === "sale_order_line") {
|
||||
const { product_id: selectedId } = args.args[0];
|
||||
assert.strictEqual(selectedId, 111, `the product should be selected`);
|
||||
}
|
||||
if (args.method === "some_action") {
|
||||
assert.step("action should not be called");
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
await click(target, '.o_field_widget[name="product_id"] input');
|
||||
await click(target, ".modal-dialog.modal-lg .o_kanban_record:nth-child(1) .o_primary span");
|
||||
assert.containsNone(target, ".modal-dialog.modal-lg");
|
||||
await click(target, ".o_form_button_save");
|
||||
assert.verifySteps([]);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
/** @odoo-module **/
|
||||
import { click, getFixture, patchWithCleanup, editInput, nextTick } from "@web/../tests/helpers/utils";
|
||||
import { makeView, setupViewRegistries } from "@web/../tests/views/helpers";
|
||||
import { SignatureWidget } from "@web/views/widgets/signature/signature";
|
||||
|
||||
let serverData;
|
||||
let target;
|
||||
|
||||
QUnit.module("Widgets", (hooks) => {
|
||||
hooks.beforeEach(() => {
|
||||
target = getFixture();
|
||||
serverData = {
|
||||
models: {
|
||||
partner: {
|
||||
fields: {
|
||||
display_name: { string: "Name", type: "char" },
|
||||
product_id: {
|
||||
string: "Product Name",
|
||||
type: "many2one",
|
||||
relation: "product",
|
||||
},
|
||||
signature: { string: "", type: "string" },
|
||||
},
|
||||
records: [
|
||||
{
|
||||
id: 1,
|
||||
display_name: "Pop's Chock'lit",
|
||||
product_id: 7,
|
||||
},
|
||||
],
|
||||
onchanges: {},
|
||||
},
|
||||
product: {
|
||||
fields: {
|
||||
name: { string: "Product Name", type: "char" },
|
||||
},
|
||||
records: [
|
||||
{
|
||||
id: 7,
|
||||
display_name: "Veggie Burger",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
setupViewRegistries();
|
||||
});
|
||||
|
||||
QUnit.module("Signature Widget");
|
||||
|
||||
QUnit.test("Signature widget works inside of a dropdown", async (assert) => {
|
||||
assert.expect(7);
|
||||
patchWithCleanup(SignatureWidget.prototype, {
|
||||
async onClickSignature() {
|
||||
await this._super.apply(this, arguments);
|
||||
assert.step("onClickSignature");
|
||||
},
|
||||
async uploadSignature({signatureImage}) {
|
||||
await this._super.apply(this, arguments);
|
||||
assert.step("uploadSignature");
|
||||
},
|
||||
});
|
||||
|
||||
await makeView({
|
||||
type: "form",
|
||||
resModel: "partner",
|
||||
resId: 1,
|
||||
serverData,
|
||||
arch: `
|
||||
<form>
|
||||
<header>
|
||||
<button string="Dummy"/>
|
||||
<widget name="signature" string="Sign" full_name="display_name"/>
|
||||
</header>
|
||||
<field name="display_name" />
|
||||
</form>
|
||||
`,
|
||||
mockRPC: async (route, args) => {
|
||||
if (route === "/web/sign/get_fonts/") {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
// change display_name to enable auto-sign feature
|
||||
await editInput(target, ".o_field_widget[name=display_name] input", "test");
|
||||
|
||||
// open the signature dialog
|
||||
await click(target, ".o_statusbar_buttons .dropdown-toggle");
|
||||
await click(target, ".o_widget_signature button.o_sign_button");
|
||||
|
||||
assert.containsOnce(target, ".modal-dialog", "Should have one modal opened");
|
||||
|
||||
// use auto-sign feature, might take a while
|
||||
await click(target, ".o_web_sign_auto_button");
|
||||
|
||||
assert.containsOnce(target, ".modal-footer button.btn-primary");
|
||||
|
||||
let maxDelay = 100;
|
||||
while (target.querySelector(".modal-footer button.btn-primary")["disabled"] && maxDelay > 0) {
|
||||
await nextTick();
|
||||
maxDelay--;
|
||||
}
|
||||
|
||||
assert.equal(maxDelay > 0, true, "Timeout exceeded");
|
||||
|
||||
// close the dialog and save the signature
|
||||
await click(target, ".modal-footer button.btn-primary:enabled");
|
||||
|
||||
assert.containsNone(target, ".modal-dialog", "Should have no modal opened");
|
||||
|
||||
assert.verifySteps(["onClickSignature", "uploadSignature"], "An error has occurred while signing");
|
||||
});
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue