29 lines
1.8 KiB
JavaScript
29 lines
1.8 KiB
JavaScript
/* Regression: a #settings/… link activates its tab during the initial route, before settings.php has run. */
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
const vm = require('node:vm');
|
|
const source = fs.readFileSync(path.join(__dirname, '../admin/dashboard/scripts/settings.php'), 'utf8');
|
|
const head = source.match(/^<\?php[^\n]*\n([^]*?\n function activateSettingsTab\([^]*?\n }\n)/);
|
|
assert.ok(head, 'settings.php starts with the mobile settings menu and activateSettingsTab');
|
|
|
|
const element = extra => Object.assign({ classList: { add() {}, remove() {} }, dataset: {}, value: '', add() {}, addEventListener() {} }, extra);
|
|
const tabs = ['branding', 'language'].map(tab => element({ dataset: { settingsTab: tab }, textContent: tab }));
|
|
const menu = element();
|
|
let activePanel = null;
|
|
const panel = element({ classList: { add: () => { activePanel = 'language'; }, remove() {} } });
|
|
const document = {
|
|
getElementById: id => (id === 'settingsMobileNav' ? menu : id === 'settingsPanel-language' ? panel : null),
|
|
querySelector: selector => (selector.includes('"language"') ? tabs[1] : null),
|
|
querySelectorAll: () => tabs
|
|
};
|
|
const context = vm.createContext({ document, window: {}, Option: function (text, value) { this.text = text; this.value = value; } });
|
|
|
|
// The dashboard runs all scripts in one block and navigation.php applies the route first:
|
|
// the settings constants are still in their temporal dead zone at that moment.
|
|
vm.runInContext("activateSettingsTab('language', { silent: true });\n" + head[1], context);
|
|
assert.equal(activePanel, 'language', 'the linked settings tab is activated');
|
|
assert.equal(menu.value, 'language', 'the mobile settings menu shows the linked tab');
|
|
|
|
console.log(JSON.stringify({ ok: true }));
|