Adrien Dieudonne
7e33b54771
Before this commit, users wasn't able to input values in some input elements like password, email and phone in mobile. Steps to reproduce: - Go to user - Select Preferences - Select Change password - Try to input something => The focus was lost and the keyboard disappeared In fact, a hidden input always have the focus when no other fields need it. This input is used to intercept a value from a barcode scanner. So now, we added some input types to avoid to set the focus on the barcode input. The barcode input is now always defined (even if not used in desktop) to be able to mock a Chrome mobile environment in a test. opw-1936712 opw-1948266 closes odoo/odoo#31841 Signed-off-by: Pierre Paridans <pparidans@users.noreply.github.com>
75 lines
3.1 KiB
JavaScript
75 lines
3.1 KiB
JavaScript
odoo.define('barcodes.barcode_mobile_tests', function () {
|
|
"use strict";
|
|
|
|
QUnit.module('Barcodes', {}, function () {
|
|
|
|
QUnit.module('Barcodes Mobile');
|
|
|
|
QUnit.test('barcode field automatically focus behavior', function (assert) {
|
|
assert.expect(10);
|
|
|
|
// Mock Chrome mobile environment
|
|
var barcodeEvents = odoo.__DEBUG__.services["barcodes.BarcodeEvents"].BarcodeEvents;
|
|
var __isChromeMobile = barcodeEvents.isChromeMobile;
|
|
barcodeEvents.isChromeMobile = true;
|
|
// Rebind keyboard events
|
|
barcodeEvents.stop();
|
|
barcodeEvents.start();
|
|
|
|
var $form = $(
|
|
'<form>' +
|
|
'<input name="email" type="email"/>' +
|
|
'<input name="number" type="number"/>' +
|
|
'<input name="password" type="password"/>' +
|
|
'<input name="tel" type="tel"/>' +
|
|
'<input name="text"/>' +
|
|
'<input name="explicit_text" type="text"/>' +
|
|
'<textarea></textarea>' +
|
|
'<div contenteditable="true"></div>' +
|
|
'<select name="select">' +
|
|
'<option value="option1">Option 1</option>' +
|
|
'<option value="option2">Option 2</option>' +
|
|
'</select>' +
|
|
'</form>');
|
|
$('#qunit-fixture').append($form);
|
|
|
|
// Some elements doesn't need to keep the focus
|
|
$('body').keydown();
|
|
assert.strictEqual(document.activeElement.name, 'barcode',
|
|
"hidden barcode input should have the focus");
|
|
|
|
var $element = $form.find('select');
|
|
$element.focus().keydown();
|
|
assert.strictEqual(document.activeElement.name, 'barcode',
|
|
"hidden barcode input should have the focus");
|
|
|
|
// Those elements absolutely need to keep the focus:
|
|
// inputs elements:
|
|
var keepFocusedElements = ['email', 'number', 'password', 'tel',
|
|
'text', 'explicit_text'];
|
|
for (var i = 0; i < keepFocusedElements.length; ++i) {
|
|
$element = $form.find('input[name=' + keepFocusedElements[i] + ']');
|
|
$element.focus().keydown();
|
|
assert.strictEqual(document.activeElement, $element[0],
|
|
"input " + keepFocusedElements[i] + " should keep focus");
|
|
}
|
|
// textarea element
|
|
$element = $form.find('textarea');
|
|
$element.focus().keydown();
|
|
assert.strictEqual(document.activeElement, $element[0],
|
|
"textarea should keep focus");
|
|
// contenteditable elements
|
|
$element = $form.find('[contenteditable=true]');
|
|
$element.focus().keydown();
|
|
assert.strictEqual(document.activeElement, $element[0],
|
|
"contenteditable should keep focus");
|
|
|
|
$('#qunit-fixture').empty();
|
|
barcodeEvents.isChromeMobile = __isChromeMobile;
|
|
// Rebind keyboard events
|
|
barcodeEvents.stop();
|
|
barcodeEvents.start();
|
|
});
|
|
});
|
|
});
|