Today, Odoo is really tricky to use without seeing the screen, it must be improved to be usable. This PR forbid to use labels without a "for" attribute, add some title, rule and aria attributes in HTML. With that, Odoo will be fully usable with a screen reader. * [IMP] Labels must have a for attribute. Improve accessibility. * [IMP] Better error message when trying to read a missing cached value * [FIX] Add some aria-label and title attributes for screen readers. * [FIX] Template name is not included in the error message in case of SyntaxError in QWeb * [FIX] Improve the Tour failed at step error message to be more explicit. * [IMP] Add aria-labels * [FIX] Add missing aria-label on failing test * [IMP] aria-hidden means hidden. Fix all bad aria-hidden and hide aria-hidden for all. * [IMP] Color names on kanban views and many2many tags * [IMP] Add some checks on views for accessibility. * [IMP] Add `alt` attribute on `img` tags. * [IMP] Add aria-label and title on non-described icons * [IMP] Add button role to widgets with btn class * [IMP] Translate aria and formatted attributes. * [IMP] Remove wrong aria-labelledby * [IMP] Add menu role on dropdowns * [IMP] Buttons must be focusable * [IMP] Add aria attributes on progress bars * [IMP] Improve accessibility of basic widgets * [IMP] Change main layout to more semantic tags * [IMP] Add menuitem role when missing * [IMP] Remove wrong role='presentation' * [IMP] Improve accessibility of tab panels * [IMP] Add aria-invalid on invalid fields * [IMP] Add aria-sort on ordered columns * [IMP] Add role on alerts * [IMP] Use dialog role, header, main and footer tags for modals * [IMP] Add labels on o_status * [IMP] Improve accessibility of kanban view with feeds and articles * [IMP] Add alerts in case of new messages * [IMP] Add widget, navigation or img role to aria-labelled items
67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
odoo.define('web.upgrade_fields_tests', function (require) {
|
||
"use strict";
|
||
|
||
var FormView = require('web.FormView');
|
||
var testUtils = require('web.test_utils');
|
||
|
||
var createView = testUtils.createView;
|
||
|
||
QUnit.module('fields', {}, function () {
|
||
|
||
QUnit.module('upgrade_fields', {
|
||
beforeEach: function () {
|
||
this.data = {
|
||
partner: {
|
||
fields: {
|
||
bar: {string: "Bar", type: "boolean"},
|
||
},
|
||
}
|
||
};
|
||
},
|
||
}, function () {
|
||
|
||
QUnit.module('UpgradeBoolean');
|
||
|
||
QUnit.test('widget upgrade_boolean in a form view', function (assert) {
|
||
assert.expect(1);
|
||
|
||
var form = createView({
|
||
View: FormView,
|
||
model: 'partner',
|
||
data: this.data,
|
||
arch: '<form><field name="bar" widget="upgrade_boolean"/></form>',
|
||
});
|
||
|
||
form.$('input:checkbox').click();
|
||
assert.strictEqual($('[role="dialog"]').length, 1,
|
||
"the 'Upgrade to Enterprise' dialog should be opened");
|
||
|
||
form.destroy();
|
||
});
|
||
|
||
QUnit.test('widget upgrade_boolean in a form view', function (assert) {
|
||
assert.expect(3);
|
||
|
||
var form = createView({
|
||
View: FormView,
|
||
model: 'partner',
|
||
data: this.data,
|
||
arch: '<form>' +
|
||
'<div class="o_field"><field name="bar" widget="upgrade_boolean"/></div>' +
|
||
'<div class="o_label"><label for="bar"/><div>Coucou</div></div>' +
|
||
'</form>',
|
||
});
|
||
|
||
assert.strictEqual(form.$('.o_field .label').length, 0,
|
||
"the upgrade label shouldn't be inside the field section");
|
||
assert.strictEqual(form.$('.o_label .label').length, 1,
|
||
"the upgrade label should be inside the label section");
|
||
assert.strictEqual(form.$('.o_label').text(), "Bar EnterpriseCoucou",
|
||
"the upgrade label should be inside the label section");
|
||
form.destroy();
|
||
});
|
||
|
||
});
|
||
});
|
||
});
|