fsolla/teqo-backup
1
0
Fork 0
mirror of https://github.com/fsolla/teqo.git synced 2026-11-13 15:13:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(C101): e2e mobile mira o primeiro .activity-agenda (FC mantém grids stale em transições)

Browse source
This commit is contained in:
Francisco Solla 2026-08-09 22:22:12 -03:00
parent 51fb715ec7
commit 1d326a72ab
1 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
tests/e2e/campaignAgendaMobile.e2e.spec.ts
View file

@ -94,7 +94,8 @@ test.describe('C101 — agenda mobile com cara de app nativo', () => {
// Navegação por arrasto: esquerda → dia seguinte; direita → volta. O
// swipe direito começa longe da borda esquerda (x=0.4): um gesto que
// nasça na borda é do Chrome (histórico), não da agenda.
const agendaBox = await page.locator('.activity-agenda').boundingBox()
// `.first()`: FC mantém grids de vista antigos no DOM durante transições.
const agendaBox = await page.locator('.activity-agenda').first().boundingBox()
if (!agendaBox) throw new Error('Calendário não expôs área para o gesto de navegação.')
const nextCivil = civilDatePlusDays(civilDate, 1)
await touchSwipe(cdp, agendaBox, 0.8, 0.2)
@ -160,18 +161,21 @@ test.describe('C101 — agenda mobile com cara de app nativo', () => {
// C101 — o grid de dia vira um scroller próprio (height fixa no mobile):
// abre ancorado em 08:00 ("hoje é fixa em 08:00")...
// `.first()`: FC mantém grids de vista antigos no DOM durante transições.
await expect
.poll(
() =>
page.evaluate(() => {
const scroller = [...document.querySelectorAll('.activity-agenda *')].find((el) => {
const style = getComputedStyle(el)
return (
(style.overflowY === 'auto' || style.overflowY === 'scroll') &&
el.scrollHeight > el.clientHeight &&
el.querySelector('[role="rowheader"]')
)
})
const scroller = [...document.querySelector('.activity-agenda')!.querySelectorAll('*')].find(
(el) => {
const style = getComputedStyle(el)
return (
(style.overflowY === 'auto' || style.overflowY === 'scroll') &&
el.scrollHeight > el.clientHeight &&
el.querySelector('[role="rowheader"]')
)
},
)
return scroller ? scroller.scrollTop : null
}),
{ timeout: 15_000 },
@ -183,7 +187,7 @@ test.describe('C101 — agenda mobile com cara de app nativo', () => {
const colHeaderText = `${weekdayOf(civilDate)} ${Number(civilDate.slice(8, 10))}`
const headerTop = () =>
page.evaluate((text) => {
const cell = [...document.querySelectorAll('.activity-agenda [role="columnheader"]')].find(
const cell = [...document.querySelector('.activity-agenda')!.querySelectorAll('[role="columnheader"]')].find(
(el) => el.textContent?.includes(text),
)
return cell ? Math.round(cell.getBoundingClientRect().top) : null
@ -193,14 +197,16 @@ test.describe('C101 — agenda mobile com cara de app nativo', () => {
expect(headerBefore).not.toBeNull()
const scrolledTo = await page.evaluate(() => {
const scroller = [...document.querySelectorAll('.activity-agenda *')].find((el) => {
const style = getComputedStyle(el)
return (
(style.overflowY === 'auto' || style.overflowY === 'scroll') &&
el.scrollHeight > el.clientHeight &&
el.querySelector('[role="rowheader"]')
)
})
const scroller = [...document.querySelector('.activity-agenda')!.querySelectorAll('*')].find(
(el) => {
const style = getComputedStyle(el)
return (
(style.overflowY === 'auto' || style.overflowY === 'scroll') &&
el.scrollHeight > el.clientHeight &&
el.querySelector('[role="rowheader"]')
)
},
)
if (!scroller) return false
scroller.scrollTop = 300
return scroller.scrollTop