mirror of
https://github.com/sky-systems/sky_phone.git
synced 2026-08-30 17:59:02 +00:00
DerEchteAlec
d0317a35c0
* ENH - refine phone setup experience * FIX - refine settings header and search icon * FIX - refine compact weather layout * ENH - fade empty music widget content * ENH - align gallery filter navigation * FIX - align memo player content * ENH - refine notes header and compose controls * ENH - refine phone liquid glass controls * ENH - apply liquid glass across app controls * FIX - correct messages GIF picker layout --------- Co-authored-by: smx.pusha <139338836+smxpusha@users.noreply.github.com>
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import { readFileSync } from 'node:fs'
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
const source = readFileSync(new URL('./MemosApp.vue', import.meta.url), 'utf8')
|
|
|
|
describe('MemosApp layout', () => {
|
|
it('uses the shared horizontal page gutter in list and detail views', () => {
|
|
expect(source).toContain(
|
|
'<SkyScrollArea padded class="memos-page__content">',
|
|
)
|
|
expect(source).toContain(
|
|
'<SkyScrollArea padded class="memo-detail-scroll">',
|
|
)
|
|
})
|
|
|
|
it('optically centers playback speed labels without moving the controls', () => {
|
|
expect(source).toContain('<span class="memo-speed-label">')
|
|
expect(source).toContain('.memo-speed-label {')
|
|
expect(source).toContain('transform: translateY(1px)')
|
|
})
|
|
|
|
it('centers the skip duration inside a dedicated icon frame', () => {
|
|
expect(source).toContain('<span class="memo-skip-icon" aria-hidden="true">')
|
|
expect(source).toContain('<RotateCcw :size="24" />')
|
|
expect(source).toContain('<RotateCw :size="24" />')
|
|
expect(source).toContain('.memo-skip-icon small {')
|
|
expect(source).toContain('place-items: center')
|
|
})
|
|
})
|