diff --git a/.claude/skills/web-test/SKILL.md b/.claude/skills/web-test/SKILL.md index 3310012e..fd07007f 100644 --- a/.claude/skills/web-test/SKILL.md +++ b/.claude/skills/web-test/SKILL.md @@ -146,7 +146,7 @@ Returns current form structure. This is the primary way to understand what's on **navigation** — form navigation panel links (for objects with subordinate catalogs): `[{ name, active? }]`. Clickable via `clickElement()`. Only present when the form has a navigation panel (e.g. "Основное", "Объекты метаданных", "Подсистемы"). -**groups** — collapsible form groups: `[{ name, title, collapsed }]`. `collapsed: true` means the group's content is hidden — part of the form is not shown until you expand it (common on settings pages like "Администрирование → Интернет-поддержка и сервисы"). Expand/collapse a group by its title with `clickElement`, same vocabulary as tree nodes: `{ expand: true }` opens (idempotent), `{ expand: false }` collapses, `{ toggle: true }` flips. Plain (non-collapsible) groups are not listed. +**groups** — collapsible and pop-up form groups: `[{ name, title, collapsed, behavior? }]`. `collapsed: true` means the group's content is hidden — part of the form is not shown until you expand it (common on settings pages like "Администрирование → Интернет-поддержка и сервисы"). `behavior: 'popup'` marks a pop-up group (content shows in a floating panel); absent for ordinary collapsible groups. Expand/collapse (or open/close a pop-up) by the group title with `clickElement`, same vocabulary as tree nodes: `{ expand: true }` reveals (idempotent), `{ expand: false }` hides, `{ toggle: true }` flips. After expanding, the group's content becomes readable in the next `getFormState()` (its fields/hyperlinks/texts appear). Plain (non-collapsible) groups are not listed. ```js const form = await getFormState(); // form.groups = [{ name: "ГруппаНовости", title: "Новости", collapsed: true }, ...] diff --git a/.claude/skills/web-test/scripts/dom/_shared.mjs b/.claude/skills/web-test/scripts/dom/_shared.mjs index 730049e5..3cc49528 100644 --- a/.claude/skills/web-test/scripts/dom/_shared.mjs +++ b/.claude/skills/web-test/scripts/dom/_shared.mjs @@ -1,4 +1,4 @@ -// web-test dom shared v1.6 — embedded JS function constants +// web-test dom shared v1.7 — embedded JS function constants // Source: https://github.com/Nikolay-Shirokov/cc-1c-skills /** * Shared function strings embedded into page.evaluate() generators. @@ -675,26 +675,32 @@ function readForm(p) { if (iframeCount) result.iframes = iframeCount; // Collapsible / popup groups — surface that part of the form is hidden + its state. - // Идентификация раскрываемой группы: у неё есть заголовок #title_text, и либо этот - // заголовок — гиперссылка (.staticTextHyper: ControlRepresentation=TitleHyperlink / popup), - // либо рядом есть кнопка-каретка #titleBtn (ControlRepresentation=Picture). Обычные - // (несворачиваемые) группы не имеют ни того, ни другого — их не показываем. - // Состояние: DOM у 1С плоский (контент группы — сиблинги под mainGroup, не вложены), но при - // глубинном обходе Form.xml ПЕРВЫЙ контент-сиблинг сразу за #title_div — всегда дочерний - // элемент группы (свободные соседи идут после всех детей). Его display = состояние группы: - // none → свёрнута, block → развёрнута. Переживает свободные элементы между группами. + // Идентификация раскрываемой группы (есть заголовок #title_text и один из признаков): + // • заголовок — гиперссылка (.staticTextHyper: ControlRepresentation=TitleHyperlink); + // • рядом кнопка-каретка #titleBtn (ControlRepresentation=Picture); + // • есть панель #panel_div — это ВСПЛЫВАЮЩАЯ (popup) группа. + // Обычные (несворачиваемые) группы не имеют ничего из этого — их не показываем. + // Состояние: + // • popup: display панели #panel_div (none → закрыта); + // • collapsible: DOM у 1С плоский (контент — сиблинги под mainGroup, не вложены), но при + // глубинном обходе Form.xml ПЕРВЫЙ контент-сиблинг сразу за #title_div — всегда дочерний + // элемент группы (свободные соседи идут после всех детей). Его display = состояние. const groups = []; document.querySelectorAll('[id^="' + p + '"][id$="#title_text"]').forEach(tt => { if (tt.offsetWidth === 0 && tt.offsetHeight === 0) return; const base = tt.id.slice(0, -('#title_text'.length)); + const panelDiv = document.getElementById(base + '#panel_div'); // popup-маркер const isHyper = tt.classList.contains('staticTextHyper'); const hasBtn = !!document.getElementById(base + '#titleBtn'); - if (!isHyper && !hasBtn) return; // обычная (несворачиваемая) группа — пропускаем - const title = nbsp(tt.innerText?.trim() || ''); - const g = { name: base.replace(p, ''), title }; - const titleDiv = document.getElementById(base + '#title_div'); - const contentSib = titleDiv?.nextElementSibling; - if (contentSib) g.collapsed = getComputedStyle(contentSib).display === 'none'; + if (!isHyper && !hasBtn && !panelDiv) return; // обычная (несворачиваемая) группа + const g = { name: base.replace(p, ''), title: nbsp(tt.innerText?.trim() || '') }; + if (panelDiv) { + g.behavior = 'popup'; + g.collapsed = getComputedStyle(panelDiv).display === 'none'; + } else { + const contentSib = document.getElementById(base + '#title_div')?.nextElementSibling; + if (contentSib) g.collapsed = getComputedStyle(contentSib).display === 'none'; + } groups.push(g); }); diff --git a/.claude/skills/web-test/scripts/dom/forms.mjs b/.claude/skills/web-test/scripts/dom/forms.mjs index de2fb446..e587b902 100644 --- a/.claude/skills/web-test/scripts/dom/forms.mjs +++ b/.claude/skills/web-test/scripts/dom/forms.mjs @@ -1,4 +1,4 @@ -// web-test dom/forms v1.11 — form detection, content read, click-target/field-button resolution +// web-test dom/forms v1.12 — form detection, content read, click-target/field-button resolution // Source: https://github.com/Nikolay-Shirokov/cc-1c-skills import { DETECT_FORM_FN, READ_FORM_FN, ROW_CLICK_POINT_FN } from './_shared.mjs'; @@ -105,23 +105,24 @@ export function findClickTargetScript(formNum, text, { tableName, gridSelector } }); // Сворачиваемые/всплывающие группы — заголовок как цель раскрытия/сворачивания. - // Идентификация: #title_text — гиперссылка (TitleHyperlink/popup) ЛИБО рядом есть - // кнопка-каретка #titleBtn (ControlRepresentation=Picture). Обычные группы пропускаем. - // Мишень клика: #titleBtn (вариант «картинка») иначе сам заголовок-гиперссылка. - // Состояние: первый контент-сиблинг за #title_div (display:none = свёрнута). + // Идентификация: #title_text и один из: гиперссылка (TitleHyperlink) ЛИБО кнопка-каретка + // #titleBtn (Picture) ЛИБО панель #panel_div (popup). Обычные группы пропускаем. + // Мишень клика: #titleBtn (вариант «картинка») иначе заголовок (у popup клик по заголовку + // и открывает, и закрывает). Состояние: у popup — display панели, иначе — первый контент- + // сиблинг за #title_div (display:none = свёрнута/закрыта). [...document.querySelectorAll('[id^="' + p + '"][id$="#title_text"]')] .filter(el => el.offsetWidth > 0 || el.offsetHeight > 0).forEach(el => { const base = el.id.slice(0, -('#title_text'.length)); const btn = document.getElementById(base + '#titleBtn'); const btnVisible = btn && (btn.offsetWidth > 0 || btn.offsetHeight > 0); - if (!el.classList.contains('staticTextHyper') && !btnVisible) return; // обычная группа + const panelDiv = document.getElementById(base + '#panel_div'); + if (!el.classList.contains('staticTextHyper') && !btnVisible && !panelDiv) return; // обычная группа const tgt = btnVisible ? btn : el; const r = tgt.getBoundingClientRect(); - const titleDiv = document.getElementById(base + '#title_div'); - const sib = titleDiv && titleDiv.nextElementSibling; const item = { id: '', kind: 'formGroup', name: norm(el.innerText) || base.replace(p, ''), label: base.replace(p, ''), x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) }; - if (sib) item.collapsed = getComputedStyle(sib).display === 'none'; + const stateEl = panelDiv || (document.getElementById(base + '#title_div') || {}).nextElementSibling; + if (stateEl) item.collapsed = getComputedStyle(stateEl).display === 'none'; items.push(item); }); diff --git a/tests/web-test/25-decoration-form.test.mjs b/tests/web-test/25-decoration-form.test.mjs index 746a9677..bc3515c7 100644 --- a/tests/web-test/25-decoration-form.test.mjs +++ b/tests/web-test/25-decoration-form.test.mjs @@ -70,4 +70,22 @@ export default async function({ navigateSection, openCommand, navigateLink, getF assert.equal(collapsedOf(r, 'ГруппаКартинкой'), false, 'B раскрыта тоглом'); await closeForm(); }); + + await step('popup: всплывающая группа — behavior, открытие показывает содержимое', async () => { + const s = await navigateLink('Обработка.СтраницаНастроек'); + const pg = (s.groups || []).find(g => g.name === 'ГруппаВсплывающая'); + assert.ok(pg, 'всплывающая группа в groups[]'); + assert.equal(pg.behavior, 'popup', 'помечена behavior:popup (отличима от collapsible)'); + assert.equal(pg.collapsed, true, 'закрыта — collapsed:true'); + assert.ok(!(s.texts || []).some(t => /всплывающей/.test(t.value)), 'содержимое скрыто, пока закрыта'); + // Открыть → содержимое панели становится видно в состоянии формы. + let r = await clickElement('Всплывающая группа', { expand: true }); + assert.equal((r.groups || []).find(g => g.name === 'ГруппаВсплывающая')?.collapsed, false, 'открыта'); + assert.ok((r.texts || []).some(t => /всплывающей/.test(t.value)), 'после открытия содержимое видно'); + r = await clickElement('Всплывающая группа', { expand: true }); + assert.equal(r.clicked.toggled, false, 'expand идемпотентен для popup'); + r = await clickElement('Всплывающая группа', { expand: false }); + assert.equal((r.groups || []).find(g => g.name === 'ГруппаВсплывающая')?.collapsed, true, 'закрыта обратно'); + await closeForm(); + }); }