structure refacto & file documentation

tests/static-styles.test.mjs

@@ -0,0 +1,78 @@
+// Rôle : vérifie les conventions statiques des styles Sass.
+import { readFile } from "node:fs/promises";
+import { test } from "node:test";
+import assert from "node:assert/strict";
+
+test("style entrypoint and theme layers are wired", async () => {
+  const styles = await readFile("website/src/styles/main.scss", "utf8");
+  const styleNebula = await readFile("website/src/styles/_nebula.scss", "utf8");
+  const styleTokens = await readFile("website/src/styles/_tokens.scss", "utf8");
+  const styleBase = await readFile("website/src/styles/_base.scss", "utf8");
+  const styleMixins = await readFile("website/src/styles/_mixins.scss", "utf8");
+  const styleShell = await readFile("website/src/styles/_shell.scss", "utf8");
+  const styleCards = await readFile("website/src/styles/_cards.scss", "utf8");
+  const styleHome = await readFile("website/src/styles/_home.scss", "utf8");
+  const styleToolboxes = await readFile("website/src/styles/_toolboxes.scss", "utf8");
+  const styleOverlays = await readFile("website/src/styles/_overlays.scss", "utf8");
+  const styleIcons = await readFile("website/src/styles/_icons.scss", "utf8");
+  const styleGames = await readFile("website/src/styles/_games.scss", "utf8");
+  const styleMhwilds = await readFile("website/src/styles/_mhwilds.scss", "utf8");
+  const styleResponsive = await readFile("website/src/styles/_responsive.scss", "utf8");
+
+  assert.match(styles, /@use "tokens"/);
+  assert.match(styles, /@use "nebula"/);
+  assert.match(styles, /@use "toolboxes"/);
+  assert.match(styles, /@use "mhwilds"/);
+  assert.match(styles, /@use "diablo4"/);
+  assert.match(styleTokens, /--gradient-brand/);
+  assert.match(styleBase, /:is\(/);
+  assert.match(styleBase, /\.card-icon-button/);
+  assert.match(styleBase, /\.drawer-action-button/);
+  assert.match(styleBase, /\.import-icon-button/);
+  assert.match(styleBase, /themed-scrollbar/);
+  assert.match(styleBase, /body\.is-modal-open/);
+  assert.match(styleNebula, /@function star-field/);
+  assert.match(styleNebula, /body::after/);
+  assert.match(styleHome, /\.dialogue-line i/);
+  assert.match(styleHome, /font-style: italic/);
+  assert.match(styleHome, /\.about-page/);
+  assert.match(styleHome, /\.nebula-panel/);
+  assert.match(styleHome, /\.about-story-section/);
+  assert.match(styleHome, /\.about-tools-list/);
+  assert.match(styleHome, /\.about-tool-item \.module-icon/);
+  assert.match(styleMixins, /@mixin gold-panel-frame/);
+  assert.match(styleShell, /\.sidebar-about-link/);
+  assert.match(styleToolboxes, /\.module-icon-abacus/);
+  assert.match(styleToolboxes, /\.module-icon-calculator/);
+  assert.match(styleToolboxes, /\.calculator-module/);
+  assert.match(styleToolboxes, /\.toolbox-icon-picker/);
+  assert.match(styleToolboxes, /\.toolbox-game-icon/);
+  assert.match(styleToolboxes, /\.toolbox-hero-link/);
+  assert.match(styleToolboxes, /\.toolbox-actions-row/);
+  assert.match(styleToolboxes, /\.text-import-actions/);
+  assert.match(styleToolboxes, /\.text-import-modal-dialog/);
+  assert.doesNotMatch(styleToolboxes, /lecture seule/);
+  assert.match(styleIcons, /ui-icon-drag/);
+  assert.match(styleIcons, /ui-icon-dropdown/);
+  assert.match(styleIcons, /ui-icon-enter/);
+  assert.match(styleIcons, /ui-icon-calculator/);
+  assert.match(styleIcons, /ui-icon-scrollable/);
+  assert.match(styleIcons, /ui-icon-hide/);
+  assert.match(styleIcons, /ui-icon-eye-open/);
+  assert.match(styleIcons, /ui-icon-eye-closed/);
+  assert.match(styleIcons, /ui-icon-chevron-down/);
+  assert.match(styleIcons, /ui-icon-chevron-up/);
+  assert.match(styleIcons, /ui-icon-flip/);
+  assert.match(styleIcons, /ui-icon-add/);
+  assert.match(styleIcons, /ui-icon-map/);
+  assert.match(styleGames, /\.game-home-card/);
+  assert.match(styleGames, /\.game-layout/);
+  assert.match(styleGames, /\.game-grid/);
+  assert.match(styleGames, /\.filter-panel/);
+  assert.match(styleMhwilds, /\.mhwilds-card/);
+  assert.match(styleMhwilds, /\.mhwilds-flip-indicator/);
+  assert.doesNotMatch(styleMhwilds, /\.game-(home-card|layout|grid)/);
+  assert.match(styleCards, /compact-data-card/);
+  assert.match(styleOverlays, /overscroll-behavior: contain/);
+  assert.match(styleResponsive, /@media \(max-width: 760px\)/);
+});