feedBack/tests/js/tuning_targets.test.js
Byron Gamatos d47883c5e5
refactor(app): carve the tuning-display helpers out of app.js (R3a) (#884)
static/js/tuning-display.js (228 lines) — bodies VERBATIM. app.js 9,838 → 9,650.
A LEAF: imports nothing.

Tuning NAME resolution (Drop D / Eb Standard / raw-offset fallback), bass
detection, effective string count, and the target FREQUENCIES + note names the
tuner checks against. Pure functions over a small MIDI/note-name table; the 3
_TUNING_* tables are read nowhere else and move in.

NOT A SLICE — a node-level extract. The span 2309-2535 INTERLEAVES the functions
with the `window.*` / `window.feedBack.*` assignments that publish them, and one
of those is `window.feedBack = window.feedBack || {}` — the BUS BOOTSTRAP, not
tuning code at all. Every ExpressionStatement stays exactly where it was; only the
16 functions and 3 tables move. app.js re-exposes the imported bindings from the
same lines, so the public surface and its ordering are untouched (constitution II
names window.feedBack).

  app.js -> { plugin-loader, viz, diagnostics-export, dom, highway-colors,
              tuning-display }

HARNESSES — 4 broke, and 3 of them broke in the SAME informative way: they sliced
app.js from `function isBassArrangement(` UP TO the marker
`window.feedBack.parseRawTuningOffsets = parseRawTuningOffsets;` — an end-marker
that (correctly) stayed behind in app.js. The module is now nothing BUT the tuning
helpers, so there is no block to slice: they read it whole and strip `export ` so
the vm sandbox still evaluates it as a script.
  tuner_auto_open is SPLIT — its autoplay-gate test still reads app.js, so it keeps
  APP_JS and gains TUNING_JS. Retargeting its path wholesale (my first attempt)
  silently pointed the autoplay test at the wrong file.

VERIFIED BY DRIVING THE CONTRACT. A/B against origin/main in two browsers, through
the real window surface: displayTuningName -> "E Standard" / "Drop D" /
"Eb Standard", parseRawTuningOffsets('-2,0,0,0,0,0') -> [-2,0,0,0,0,0],
isBassArrangement, effectiveStringCount, displayTuningTargets, and
window.feedBack.displayTuningName / .songTuningContext — IDENTICAL on both, zero
console/page errors either side.

pytest 2396, node 1038/1038, ESLint 0, tailwind-fresh clean, Codex 0.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 19:37:44 +02:00

147 lines
6.2 KiB
JavaScript

'use strict';
const { test } = require('node:test');
const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const vm = require('node:vm');
// The tuning-display helpers were carved out of app.js into their own module (R3a).
const APP_JS = path.join(__dirname, '..', '..', 'static', 'js', 'tuning-display.js');
const HIGHWAY_JS = path.join(__dirname, '..', '..', 'static', 'highway.js');
const TUNER_UI_JS = path.join(__dirname, '..', '..', 'plugins', 'tuner', 'utils', 'ui.js');
const TUNER_SCREEN_JS = path.join(__dirname, '..', '..', 'plugins', 'tuner', 'screen.js');
const V3_HTML = path.join(__dirname, '..', '..', 'static', 'v3', 'index.html');
function loadTuningHelpers() {
const src = fs.readFileSync(APP_JS, 'utf8');
// The module is nothing BUT the tuning helpers now, so there is no block to
// slice out — take it whole. `export` is stripped so the vm sandbox can still
// evaluate it as a plain script (the window.* contract lives in app.js).
const body = src.replace(/^export /gm, '');
const sandbox = { window: { feedBack: {} }, exports: {} };
vm.createContext(sandbox);
vm.runInContext(
body + '\n'
+ 'exports.displayTuningTargets = displayTuningTargets;\n'
+ 'exports.displayTuningTargetDetails = displayTuningTargetDetails;\n'
+ 'exports.isBassArrangement = isBassArrangement;\n'
+ 'exports.effectiveStringCount = effectiveStringCount;',
sandbox
);
return sandbox.exports;
}
const { displayTuningTargets, displayTuningTargetDetails, isBassArrangement, effectiveStringCount } = loadTuningHelpers();
const LEAD_CTX = { arrangement: 'Lead', stringCount: 4, tuningName: 'Custom Tuning' };
const BASS_CTX = { arrangement: 'Bass', stringCount: 4, isBass: true, tuningName: 'Custom Tuning' };
test('effectiveStringCount: Lead with bad stringCount=4 uses six guitar strings', () => {
assert.equal(effectiveStringCount([-2, 0, 0, 0, -2, 0], LEAD_CTX), 6);
});
test('isBassArrangement: Lead is not bass', () => {
assert.equal(isBassArrangement({ arrangement: 'Lead' }), false);
assert.equal(isBassArrangement({ arrangement: 'Bass' }), true);
});
test('displayTuningTargets: custom guitar uses low-to-high note names only', () => {
const targets = displayTuningTargets([-2, 0, 0, 0, -2, -2], LEAD_CTX);
assert.equal(targets, 'D A D G A D');
assert.doesNotMatch(targets, /6:|5:|D2|A2|D3/);
});
test('displayTuningTargets: E Standard guitar is low-to-high notes', () => {
const targets = displayTuningTargets([0, 0, 0, 0, 0, 0], { stringCount: 6, arrangement: 'Lead' });
assert.equal(targets, 'E A D G B E');
});
test('displayTuningTargets: bass 4-string is low-to-high notes', () => {
const targets = displayTuningTargets([0, 0, 0, 0], BASS_CTX);
assert.equal(targets, 'E A D G');
});
test('displayTuningTargetDetails: includes string number and octave in titles', () => {
const details = displayTuningTargetDetails([-2, 0, 0, 0, -2, -2], LEAD_CTX);
assert.equal(details.length, 6);
assert.equal(details[0].note, 'D');
assert.equal(details[0].octaveNote, 'D2');
assert.equal(details[0].title, '6th string: D2');
assert.equal(details[5].title, '1st string: D4');
});
test('displayTuningTargets: missing offsets returns empty string', () => {
assert.equal(displayTuningTargets(null), '');
assert.equal(displayTuningTargets([]), '');
});
test('highway.js shows targets only for Custom Tuning', () => {
const src = fs.readFileSync(HIGHWAY_JS, 'utf8');
assert.match(src, /getElementById\('hud-tuning-targets'\)/);
assert.match(src, /displayTuningTargets/);
assert.match(src, /tuningLabel === 'Custom Tuning'/);
assert.match(src, /Targets: /);
});
test('tuner string buttons show note-only labels for Current Song', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
assert.match(src, /function _stringButtonLabel/);
assert.match(src, /selectedTuningName === '_current'/);
assert.match(src, /text: note/);
assert.match(src, /title: _stringOrdinal/);
assert.doesNotMatch(src, /text: stringNum \+ ' ' \+ note/);
});
test('tuner panel shows visible low-to-high string order helper for Current Song', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
const helpBlock = src.slice(
src.indexOf('function _syncStringOrderHelp'),
src.indexOf('function renderStringNotes')
);
assert.match(src, /function _syncStringOrderHelp/);
assert.match(src, /stringOrderHelpContainer/);
assert.match(src, /Tune low-to-high:/);
assert.match(src, /string → 1st string/);
assert.match(helpBlock, /selectedTuningName === '_current'/);
assert.doesNotMatch(helpBlock, /!state\.freeTune/);
});
test('player-active tuner placement shifts left of LIVE HUD', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
const playerBranch = src.slice(
src.indexOf('if (isPlayer && playerEl)'),
src.indexOf('if (!wrap)')
);
assert.match(playerBranch, /top:5rem;right:11rem/);
assert.doesNotMatch(playerBranch, /top:5rem;right:1\.25rem/);
});
test('non-player tuner placement remains bottom-right', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
assert.match(src, /bottom:5rem;right:1\.25rem/);
});
test('bass Current Song helper uses 4th string to 1st string label', () => {
const details = displayTuningTargetDetails([0, 0, 0, 0], BASS_CTX);
assert.equal(details.length, 4);
assert.equal(details[0].title, '4th string: E1');
assert.equal(details[3].title, '1st string: G2');
});
test('Current Song helper hidden when no tuning targets exist', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
const helpBlock = src.slice(
src.indexOf('function _syncStringOrderHelp'),
src.indexOf('function renderStringNotes')
);
assert.match(helpBlock, /selectedTuning\.length > 0/);
assert.match(helpBlock, /classList\.add\('hidden'\)/);
});
test('tuner player button calls window.tuner.toggle', () => {
const src = fs.readFileSync(TUNER_UI_JS, 'utf8');
assert.match(src, /btn\.id = 'btn-tuner-player'/);
assert.match(src, /btn\.onclick = window\.tuner\.toggle/);
});