QLHazyCoder
80 lines
2.9 KiB
JavaScript
80 lines
2.9 KiB
JavaScript
const test = require('node:test');
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
|
|
test('sidepanel password inputs expose visibility toggles', () => {
|
|
const html = fs.readFileSync('sidepanel/sidepanel.html', 'utf8');
|
|
const passwordInputIds = Array.from(
|
|
html.matchAll(/<input\b[^>]*type="password"[^>]*id="([^"]+)"/g),
|
|
(match) => match[1]
|
|
);
|
|
const legacyToggleIds = new Map([
|
|
['input-vps-url', 'btn-toggle-vps-url'],
|
|
['input-vps-password', 'btn-toggle-vps-password'],
|
|
['input-ip-proxy-username', 'btn-toggle-ip-proxy-username'],
|
|
['input-ip-proxy-password', 'btn-toggle-ip-proxy-password'],
|
|
['input-ip-proxy-api-url', 'btn-toggle-ip-proxy-api-url'],
|
|
['input-password', 'btn-toggle-password'],
|
|
]);
|
|
|
|
assert.ok(passwordInputIds.length > 0);
|
|
for (const inputId of passwordInputIds) {
|
|
const hasDataToggle = html.includes(`data-password-toggle="${inputId}"`);
|
|
const legacyToggleId = legacyToggleIds.get(inputId);
|
|
const hasLegacyToggle = legacyToggleId ? html.includes(`id="${legacyToggleId}"`) : false;
|
|
assert.equal(
|
|
hasDataToggle || hasLegacyToggle,
|
|
true,
|
|
`${inputId} should have a visibility toggle button`
|
|
);
|
|
}
|
|
});
|
|
|
|
test('shared form dialog adds visibility toggles for password fields', () => {
|
|
const source = fs.readFileSync('sidepanel/form-dialog.js', 'utf8');
|
|
|
|
assert.match(source, /field\.type === 'password' \|\| field\.masked === true/);
|
|
assert.match(source, /shouldMaskInput[\s\S]*data-input-with-icon/);
|
|
assert.match(source, /syncPasswordToggleButton\(toggleButton,\s*input,\s*labels\)/);
|
|
assert.match(source, /input\.type = input\.type === 'password' \? 'text' : 'password'/);
|
|
});
|
|
|
|
test('sidepanel masks video-sensitive settings with reusable visibility controls', () => {
|
|
const source = fs.readFileSync('sidepanel/sidepanel.js', 'utf8');
|
|
|
|
[
|
|
'input-sub2api-url',
|
|
'input-sub2api-email',
|
|
'input-codex2api-url',
|
|
'input-kiro-rs-url',
|
|
'input-email',
|
|
'input-hotmail-email',
|
|
'input-mail2925-email',
|
|
'input-ip-proxy-host',
|
|
'input-signup-phone',
|
|
].forEach((inputId) => {
|
|
assert.match(source, new RegExp(`'${inputId}'`));
|
|
});
|
|
|
|
assert.match(source, /function installPrivacyMaskControls/);
|
|
assert.match(source, /installPrivacyMaskControls\(\);\s*bindPasswordVisibilityToggles\(\);/);
|
|
});
|
|
|
|
test('sidepanel masks bulk text areas with an eye toggle', () => {
|
|
const source = fs.readFileSync('sidepanel/sidepanel.js', 'utf8');
|
|
const css = fs.readFileSync('sidepanel/sidepanel.css', 'utf8');
|
|
|
|
[
|
|
'input-custom-mail-provider-pool',
|
|
'input-custom-email-pool-import',
|
|
'input-hotmail-import',
|
|
'input-mail2925-import',
|
|
'input-ip-proxy-account-list',
|
|
].forEach((textareaId) => {
|
|
assert.match(source, new RegExp(`'${textareaId}'`));
|
|
});
|
|
|
|
assert.match(source, /data-privacy-textarea-toggle/);
|
|
assert.match(css, /-webkit-text-security:\s*disc/);
|
|
});
|