Playwright testing

ext/data/default-options-overrides.json

@@ -0,0 +1,6 @@
+{
+    "es": [{
+        "path": "scanning.scanResolution",
+        "value": "word"
+    }]
+}

ext/js/pages/settings/languages-controller.js

@@ -25,17 +25,25 @@
     constructor(settingsController) {
         /** @type {import('./settings-controller.js').SettingsController} */
         this._settingsController = settingsController;
+        /** @type {string} */
+        this._lastSelectedLanguage = '';
     }
 
     /** */
     async prepare() {
         const languages = await this._settingsController.application.api.getLanguageSummaries();
         languages.sort((a, b) => a.name.localeCompare(b.name, 'en'));
-        this._fillSelect(languages);
+        const languageSelect = this._fillSelect(languages);
+        languageSelect.addEventListener(
+            /** @type {string} */ ('settingChanged'),
+            /** @type {EventListener} */ (this._onLanguageSelectChanged.bind(this)),
+            false,
+        );
     }
 
     /**
      * @param {import('language').LanguageSummary[]} languages
+     * @returns {Element}
      */
     _fillSelect(languages) {
         const selectElement = querySelectorNotNull(document, '#language-select');
@@ -45,5 +53,25 @@
             option.text = `${name} (${iso})`;
             selectElement.appendChild(option);
         }
+        return selectElement;
+    }
+
+    /**
+     * @param {import('dom-data-binder').SettingChangedEvent} settingChangedEvent
+     */
+    async _onLanguageSelectChanged(settingChangedEvent) {
+        const existingSettings = await this._settingsController.getProfileSettings([{path: 'general.language'}]);
+        const existingLanguage = existingSettings[0].result;
+        const setLanguage = settingChangedEvent.detail.value;
+        if (typeof existingLanguage !== 'string' || typeof setLanguage !== 'string') { return; }
+        if (this._lastSelectedLanguage === '') {
+            this._lastSelectedLanguage = setLanguage;
+        } else if (this._lastSelectedLanguage !== setLanguage) {
+            this._lastSelectedLanguage = setLanguage;
+            const yes = confirm('Changing language to: ' + setLanguage + '. Continue?');
+            if (yes) {
+                await this._settingsController.applyLanguageSettingOverrides(setLanguage);
+            }
+        }
     }
 }

ext/js/pages/settings/settings-controller.js

@@ -18,6 +18,7 @@
 
 import {EventDispatcher} from '../../core/event-dispatcher.js';
 import {EventListenerCollection} from '../../core/event-listener-collection.js';
+import {fetchJson} from '../../core/fetch-utilities.js';
 import {isObjectNotArray} from '../../core/object-utilities.js';
 import {generateId} from '../../core/utilities.js';
 import {OptionsUtil} from '../../data/options-util.js';
@@ -45,6 +46,8 @@ export class SettingsController extends EventDispatcher {
         this._pageExitPreventionEventListeners = new EventListenerCollection();
         /** @type {HtmlTemplateCollection} */
         this._templates = new HtmlTemplateCollection();
+        /** @type {import('settings-controller').LanguageSettingOverrides} */
+        this._languageSettingOverrides = {};
     }
 
     /** @type {import('../../application.js').Application} */
@@ -75,6 +78,7 @@ export class SettingsController extends EventDispatcher {
     /** */
     async prepare() {
         await this._templates.loadFromFiles(['/templates-settings.html']);
+        this._languageSettingOverrides = await fetchJson('/data/default-options-overrides.json');
         this._application.on('optionsUpdated', this._onOptionsUpdated.bind(this));
         if (this._canObservePermissionsChanges()) {
             chrome.permissions.onAdded.addListener(this._onPermissionsChanged.bind(this));
@@ -182,6 +186,17 @@ export class SettingsController extends EventDispatcher {
         return await this.modifyProfileSettings([{action: 'set', path, value}]);
     }
 
+    /**
+     * @param {string} language
+     */
+    async applyLanguageSettingOverrides(language) {
+        const settingOverrides = this._languageSettingOverrides[language];
+        if (typeof settingOverrides === 'undefined') { return; }
+        /** @type {import('settings-modifications').Modification[]} */
+        const modifications = settingOverrides.map(({path, value}) => ({action: 'set', path, value}));
+        await this.modifyProfileSettings(modifications);
+    }
+
     /**
      * @returns {Promise<import('dictionary-importer').Summary[]>}
      */

types/ext/settings-controller.d.ts

@@ -57,3 +57,12 @@ export type SettingsModification<THasScope extends boolean> = THasScope extends
 export type SettingsExtraFields<THasScope extends boolean> = THasScope extends true ? null : SettingsModifications.OptionsScope;
 
 export type ModifyResult = Core.Response<SettingsModifications.ModificationResult>;
+
+export type LanguageSettingOverrides = {
+    [key: string]: SettingOverride[];
+};
+
+export type SettingOverride = {
+    path: string;
+    value: string;
+};