enterprise-addons/voip/static/tests/softphone/keypad.test.js

import { describe, expect, test } from "@odoo/hoot";
import { edit } from "@odoo/hoot-dom";
import {
    click,
    contains,
    insertText,
    start,
    startServer,
    triggerHotkey,
} from "@mail/../tests/mail_test_helpers";
import { setupVoipTests } from "@voip/../tests/voip_test_helpers";

describe.current.tags("desktop");
setupVoipTests();

test.tags("focus required");
test("input is focused when opening the keypad", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await contains(".o-voip-Keypad-searchBar input:focus");
});

test.tags("focus required");
test("input is persisted when closing then re-opening the keypad", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "513");
    await contains("button:contains(Recent)");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await contains(".o-voip-Keypad-searchBar input:value(513)");
});

test.tags("focus required");
test("“backspace button” deletes the last character of the not focused input", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "123");
    const input = document.querySelector(".o-voip-Keypad-searchBar input:focus");
    input.blur();
    await click(".o-voip-Keypad-searchBar button[title=Backspace]");
    await contains(".o-voip-Keypad-searchBar input:value(12)");
});

test.tags("focus required");
test("“backspace button” deletes characters from cursor position", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "01123456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(3, 3);
    await click(".o-voip-Keypad-searchBar button[title=Backspace]");
    expect(input.selectionStart).toBe(2);
    expect(input.selectionEnd).toBe(2);
    await contains(".o-voip-Keypad-searchBar input:value(0123456)");
});

test.tags("focus required");
test("“backspace button” deletes selected characters", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "011123456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(2, 4);
    await click(".o-voip-Keypad-searchBar button[title=Backspace]");
    expect(input.selectionStart).toBe(2);
    expect(input.selectionEnd).toBe(2);
    await contains(".o-voip-Keypad-searchBar input:value(0123456)");
});

test.tags("focus required");
test("“backspace button” does nothing when the cursor is at the beginning of the input", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "0123456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(0, 0);
    await click(".o-voip-Keypad-searchBar button[title=Backspace]");
    expect(input.selectionStart).toBe(0);
    expect(input.selectionEnd).toBe(0);
    await contains(".o-voip-Keypad-searchBar input:value(0123456)");
});

test.tags("focus required");
test("clicking on a key appends it to the end of the not focused input", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "123");
    const input = document.querySelector(".o-voip-Keypad-searchBar input:focus");
    input.blur();
    await click(".o-voip-Keypad-digit:contains(0)");
    await contains(".o-voip-Keypad-searchBar input:value(1230)");
});

test.tags("focus required");
test("input is focused back after clicking on a key", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await click(".o-voip-Keypad-digit:contains(2)");
    await contains(".o-voip-Keypad-searchBar input:focus");
});

test.tags("focus required");
test("clicking on a key inserts the key behind the cursor", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "023456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(1, 1);
    await click(".o-voip-Keypad-digit:contains(1)");
    expect(input.selectionStart).toBe(2);
    expect(input.selectionEnd).toBe(2);
    await contains(".o-voip-Keypad-searchBar input:value(0123456)");
});

test.tags("focus required");
test("cursor selection is replaced by the clicked key", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "0223456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(1, 2);
    await click(".o-voip-Keypad-digit:contains(1)");
    expect(input.selectionStart).toBe(2);
    expect(input.selectionEnd).toBe(2);
    await contains(".o-voip-Keypad-searchBar input:value(0123456)");
});

test.tags("focus required");
test("pressing Enter in the input calls the dialed number", async () => {
    const pyEnv = await startServer();
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "9223372036854775807");
    await triggerHotkey("Enter");
    expect(pyEnv["voip.call"].search_count([["phone_number", "=", "9223372036854775807"]])).toBe(1);
});

test.tags("focus required");
test("pressing Enter in the input doesn't make a call if the trimmed input is empty", async () => {
    const pyEnv = await startServer();
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "\t \n\r\v");
    await triggerHotkey("Enter");
    expect(pyEnv["voip.call"].search_count([])).toBe(0);
});

test("input font size classes update dynamically when input changes", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input", "12345");
    await contains(".o-voip-Keypad-input.fs-1:not(.fs-2):not(.fs-3)");
    await insertText(".o-voip-Keypad-searchBar input", "123456789012");
    await contains(".o-voip-Keypad-input.fs-2:not(.fs-1):not(.fs-3)");
    await insertText(".o-voip-Keypad-searchBar input", "123456789012345678");
    await contains(".o-voip-Keypad-input.fs-3:not(.fs-1):not(.fs-2)");
});

test("Search by T9 code works", async () => {
    const pyEnv = await startServer();
    pyEnv["res.partner"].create([
        { name: "John Doe", phone: "+1234567890", t9_name: " 5646 363" },
        { name: "Jane Smith", phone: "+1987654321", t9_name: " 5263 76484" },
        { name: "Bob Wilson", phone: "+1122334455", t9_name: " 262 94576" },
    ]);
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    // T9 search with no results
    await insertText(".o-voip-Keypad-input", "99999");
    await contains(".o-voip-Keypad .d-flex.flex-column.mx-3", { count: 0 });
    // T9 search that should find results
    await insertText(".o-voip-Keypad-input", "5646", { replace: true });
    await contains(".o-voip-Keypad button:contains(John Doe)");
    // T9 search for last name match
    await insertText(".o-voip-Keypad-input", "76484", { replace: true });
    await contains(".o-voip-Keypad button:contains(Jane Smith)");
});

test("Search by name works", async () => {
    const pyEnv = await startServer();
    pyEnv["res.partner"].create([
        { name: "John Doe", phone: "+1234567890" },
        { name: "Jane Smith", phone: "+1987654321" },
        { name: "Bob Wilson", phone: "+1122334455" },
    ]);
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-input", "John");
    await contains(".o-voip-Keypad button:contains(John Doe)");
});

test("Search by phone number works", async () => {
    const pyEnv = await startServer();
    pyEnv["res.partner"].create([
        { name: "John Doe", phone: "+1234567890" },
        { name: "Jane Smith", phone: "+1987654321" },
        { name: "Bob Wilson", phone: "+1122334455" },
    ]);
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-input", "123456");
    await contains(".o-voip-Keypad button:contains(123456)");
});

test("Search by phone number falls back to phone_sanitized", async () => {
    const pyEnv = await startServer();
    pyEnv["res.partner"].create({
        name: "John Doe",
        phone: "1234567890",
        phone_sanitized: "+11234567890",
    });
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    // Search term has country code prefix that doesn't match raw `phone`,
    // but should match `phone_sanitized` via fallback.
    await insertText(".o-voip-Keypad-input", "+11234567890");
    await contains(".o-voip-Keypad button:contains(John Doe)");
    await contains(".o-voip-Keypad button:contains(+11234567890)");
});

test("T9 search does not match when contact has falsy t9_name", async () => {
    const pyEnv = await startServer();
    pyEnv["res.partner"].create([{ name: " ", phone: "+1234567890", t9_name: false }]);
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input", "456");
    await contains(".o-voip-Keypad button:contains(+1234567890)");
    await edit("66");
    await contains(".o-voip-Keypad .d-flex.flex-column.mx-3", { count: 0 });
});

test.tags("focus required");
test("Selection starting at the beginning is removed when clicking Backspace.", async () => {
    await start();
    await click(".o_menu_systray [title='Show Softphone']");
    await click(".o-voip-Softphone nav button:contains(Keypad)");
    await insertText(".o-voip-Keypad-searchBar input:focus", "0123456");
    const input = document.querySelector(".o-voip-Keypad-searchBar input");
    input.setSelectionRange(0, 2);
    await click(".o-voip-Keypad-searchBar button[title=Backspace]");
    expect(input.selectionStart).toBe(0);
    expect(input.selectionEnd).toBe(0);
    await contains(".o-voip-Keypad-searchBar input:value(23456)");
});