[ADD] web: add phone widget tests and documentation
This commit is contained in:
David Monjoie
committed by
Aaron Bohy
Aaron Bohy
parent
d218902af5
commit
4eb2245c5d
@@ -1170,6 +1170,203 @@ QUnit.module('basic_fields', {
|
||||
form.destroy();
|
||||
});
|
||||
|
||||
|
||||
QUnit.module('PhoneWidget');
|
||||
|
||||
QUnit.test('phone field in form view on extra small screens', function (assert) {
|
||||
assert.expect(7);
|
||||
|
||||
var form = createView({
|
||||
View: FormView,
|
||||
model: 'partner',
|
||||
data: this.data,
|
||||
arch:'<form string="Partners">' +
|
||||
'<sheet>' +
|
||||
'<group>' +
|
||||
'<field name="foo" widget="phone"/>' +
|
||||
'</group>' +
|
||||
'</sheet>' +
|
||||
'</form>',
|
||||
res_id: 1,
|
||||
config: {
|
||||
device: {
|
||||
size_class: 0, // Screen XS
|
||||
SIZES: { XS: 0, SM: 1, MD: 2, LG: 3 },
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
var $phoneLink = form.$('a.o_form_uri.o_form_field.o_text_overflow');
|
||||
assert.strictEqual($phoneLink.length, 1,
|
||||
"should have a anchor with correct classes");
|
||||
assert.strictEqual($phoneLink.text(), 'y\u00ADop',
|
||||
"value should be displayed properly as text with the skype obfuscation");
|
||||
assert.strictEqual($phoneLink.attr('href'), 'tel:yop',
|
||||
"should have proper tel prefix");
|
||||
|
||||
// switch to edit mode and check the result
|
||||
form.$buttons.find('.o_form_button_edit').click();
|
||||
assert.strictEqual(form.$('input[type="text"].o_form_input.o_form_field').length, 1,
|
||||
"should have an input for the phone field");
|
||||
assert.strictEqual(form.$('input[type="text"].o_form_input.o_form_field').val(), 'yop',
|
||||
"input should contain field value in edit mode");
|
||||
|
||||
// change value in edit mode
|
||||
form.$('input[type="text"].o_form_input.o_form_field').val('new').trigger('input');
|
||||
|
||||
// save
|
||||
form.$buttons.find('.o_form_button_save').click();
|
||||
$phoneLink = form.$('a.o_form_uri.o_form_field.o_text_overflow');
|
||||
assert.strictEqual($phoneLink.text(), 'n\u00ADew',
|
||||
"new value should be displayed properly as text with the skype obfuscation");
|
||||
assert.strictEqual($phoneLink.attr('href'), 'tel:new',
|
||||
"should still have proper tel prefix");
|
||||
|
||||
form.destroy();
|
||||
});
|
||||
|
||||
QUnit.test('phone field in editable list view on extra small screens', function(assert) {
|
||||
assert.expect(10);
|
||||
|
||||
var list = createView({
|
||||
View: ListView,
|
||||
model: 'partner',
|
||||
data: this.data,
|
||||
arch: '<tree editable="bottom"><field name="foo" widget="phone"/></tree>',
|
||||
config: {
|
||||
device: {
|
||||
size_class: 0, // Screen XS
|
||||
SIZES: { XS: 0, SM: 1, MD: 2, LG: 3 },
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').length, 5,
|
||||
"should have 5 cells");
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').first().text(), 'y\u00ADop',
|
||||
"value should be displayed properly as text with the skype obfuscation");
|
||||
|
||||
var $phoneLink = list.$('a.o_form_uri.o_field_widget.o_text_overflow');
|
||||
assert.strictEqual($phoneLink.length, 5,
|
||||
"should have anchors with correct classes");
|
||||
assert.strictEqual($phoneLink.first().attr('href'), 'tel:yop',
|
||||
"should have proper tel prefix");
|
||||
|
||||
// Edit a line and check the result
|
||||
var $cell = list.$('tbody td:not(.o_list_record_selector)').first();
|
||||
$cell.click();
|
||||
assert.ok($cell.hasClass('o_edit_mode'), 'should be set as edit mode');
|
||||
assert.strictEqual($cell.find('input').val(), 'yop',
|
||||
'should have the corect value in internal input');
|
||||
$cell.find('input').val('new').trigger('input');;
|
||||
|
||||
// save
|
||||
list.$buttons.find('.o_list_button_save').click();
|
||||
$cell = list.$('tbody td:not(.o_list_record_selector)').first();
|
||||
assert.ok(!$cell.hasClass('o_edit_mode'), 'should not be in edit mode anymore');
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').first().text(), 'n\u00ADew',
|
||||
"value should be properly updated");
|
||||
$phoneLink = list.$('a.o_form_uri.o_field_widget.o_text_overflow');
|
||||
assert.strictEqual($phoneLink.length, 5,
|
||||
"should still have anchors with correct classes");
|
||||
assert.strictEqual($phoneLink.first().attr('href'), 'tel:new',
|
||||
"should still have proper tel prefix");
|
||||
|
||||
list.destroy();
|
||||
});
|
||||
|
||||
QUnit.test('phone field in form view on normal screens', function (assert) {
|
||||
assert.expect(5);
|
||||
|
||||
var form = createView({
|
||||
View: FormView,
|
||||
model: 'partner',
|
||||
data: this.data,
|
||||
arch:'<form string="Partners">' +
|
||||
'<sheet>' +
|
||||
'<group>' +
|
||||
'<field name="foo" widget="phone"/>' +
|
||||
'</group>' +
|
||||
'</sheet>' +
|
||||
'</form>',
|
||||
res_id: 1,
|
||||
config: {
|
||||
device: {
|
||||
size_class: 1, // Screen SM
|
||||
SIZES: { XS: 0, SM: 1, MD: 2, LG: 3 },
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
var $phone = form.$('span.o_form_field.o_text_overflow:not(.o_form_uri)');
|
||||
assert.strictEqual($phone.length, 1,
|
||||
"should have a simple span rather than a link");
|
||||
assert.strictEqual($phone.text(), 'yop',
|
||||
"value should be displayed properly as text without skype obfuscation");
|
||||
|
||||
// switch to edit mode and check the result
|
||||
form.$buttons.find('.o_form_button_edit').click();
|
||||
assert.strictEqual(form.$('input[type="text"].o_form_input.o_form_field').length, 1,
|
||||
"should have an input for the phone field");
|
||||
assert.strictEqual(form.$('input[type="text"].o_form_input.o_form_field').val(), 'yop',
|
||||
"input should contain field value in edit mode");
|
||||
|
||||
// change value in edit mode
|
||||
form.$('input[type="text"].o_form_input.o_form_field').val('new').trigger('input');
|
||||
|
||||
// save
|
||||
form.$buttons.find('.o_form_button_save').click();
|
||||
assert.strictEqual(form.$('span.o_form_field.o_text_overflow:not(.o_form_uri)').text(), 'new',
|
||||
"new value should be displayed properly as text without skype obfuscation");
|
||||
|
||||
form.destroy();
|
||||
});
|
||||
|
||||
QUnit.test('phone field in editable list view on normal screens', function(assert) {
|
||||
assert.expect(8);
|
||||
|
||||
var list = createView({
|
||||
View: ListView,
|
||||
model: 'partner',
|
||||
data: this.data,
|
||||
arch: '<tree editable="bottom"><field name="foo" widget="phone"/></tree>',
|
||||
config: {
|
||||
device: {
|
||||
size_class: 1, // Screen SM
|
||||
SIZES: { XS: 0, SM: 1, MD: 2, LG: 3 },
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').length, 5,
|
||||
"should have 5 cells");
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').first().text(), 'yop',
|
||||
"value should be displayed properly as text without skype obfuscation");
|
||||
|
||||
assert.strictEqual(list.$('span.o_field_widget.o_text_overflow:not(.o_form_uri)').length, 5,
|
||||
"should have spans with correct classes");
|
||||
|
||||
// Edit a line and check the result
|
||||
var $cell = list.$('tbody td:not(.o_list_record_selector)').first();
|
||||
$cell.click();
|
||||
assert.ok($cell.hasClass('o_edit_mode'), 'should be set as edit mode');
|
||||
assert.strictEqual($cell.find('input').val(), 'yop',
|
||||
'should have the corect value in internal input');
|
||||
$cell.find('input').val('new').trigger('input');;
|
||||
|
||||
// save
|
||||
list.$buttons.find('.o_list_button_save').click();
|
||||
$cell = list.$('tbody td:not(.o_list_record_selector)').first();
|
||||
assert.ok(!$cell.hasClass('o_edit_mode'), 'should not be in edit mode anymore');
|
||||
assert.strictEqual(list.$('tbody td:not(.o_list_record_selector)').first().text(), 'new',
|
||||
"value should be properly updated");
|
||||
assert.strictEqual(list.$('span.o_field_widget.o_text_overflow:not(.o_form_uri)').length, 5,
|
||||
"should still have spans with correct classes");
|
||||
|
||||
list.destroy();
|
||||
});
|
||||
|
||||
|
||||
QUnit.module('FieldDomain');
|
||||
|
||||
QUnit.test('basic domain field usage is ok', function (assert) {
|
||||
|
||||
Reference in New Issue
Block a user