mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 05:26:47 +00:00
Maurice
e72338bbbc
Three surfaces still had English written straight into JSX in a codebase that gates on key parity: the reworked expense modal, the Studio quickbar and rotation handles, and the leg-mode menu on the mobile day plan. Keyed, and translated into all 23 locales rather than pasted. Also reworded the plugin geolocation permission: it told the user their browser would ask, and it never does - TREK answers the plugin from the page's own location permission.
58 lines
2.6 KiB
TypeScript
58 lines
2.6 KiB
TypeScript
import { describe, it, expect, beforeEach } from 'vitest'
|
|
import { render, screen, act } from '../../helpers/render'
|
|
import { bookPageSetupSchema, bookSpreadSchema } from '@trek/shared'
|
|
import { seedStore } from '../../helpers/store'
|
|
import { buildSettings } from '../../helpers/factories'
|
|
import { useSettingsStore } from '../../../src/store/settingsStore'
|
|
import { useStudioStore } from '../../../src/store/studioStore'
|
|
import { StudioCanvas } from '../../../src/components/Studio/StudioCanvas'
|
|
|
|
const page = bookPageSetupSchema.parse({})
|
|
const spreadWith = (locked: boolean) => bookSpreadSchema.parse({
|
|
id: 'sp-1',
|
|
elements: [{ id: 'el-1', kind: 'shape', frame: { x: 10, y: 10, w: 40, h: 30 }, locked }],
|
|
})
|
|
|
|
/** Mount, then select the one element — the chrome only exists for a selection. */
|
|
const mountSelected = (locked = false) => {
|
|
render(
|
|
<StudioCanvas spread={spreadWith(locked)} spreadIndex={0} page={page} zoom={1} pxPerMm={2}
|
|
bookView={false} dropLabel="drop" />
|
|
)
|
|
act(() => { useStudioStore.setState({ selection: ['el-1'] }) })
|
|
}
|
|
|
|
describe('StudioCanvas', () => {
|
|
beforeEach(() => {
|
|
useStudioStore.setState({ selection: [] })
|
|
})
|
|
|
|
// The quickbar and the rotation handles were the last chrome in Studio with
|
|
// English written into the JSX, so they stayed English while the panels
|
|
// around them followed the reader's language.
|
|
it('FE-COMP-STUDIOCANVAS-001: the quickbar and the rotation handles are translated', async () => {
|
|
seedStore(useSettingsStore, { settings: buildSettings({ language: 'de' }) })
|
|
mountSelected()
|
|
|
|
// The locale bundle is fetched, so the first paint is still English.
|
|
expect(await screen.findByTitle('Duplizieren')).toBeInTheDocument()
|
|
expect(screen.getAllByTitle('Drehen')).toHaveLength(4)
|
|
expect(screen.getByTitle('Nach links drehen')).toBeInTheDocument()
|
|
expect(screen.getByTitle('Nach rechts drehen')).toBeInTheDocument()
|
|
expect(screen.getByTitle('Ganz nach vorn')).toBeInTheDocument()
|
|
expect(screen.getByTitle('Ganz nach hinten')).toBeInTheDocument()
|
|
expect(screen.getByTitle('Sperren')).toBeInTheDocument()
|
|
expect(screen.getByTitle('Löschen')).toBeInTheDocument()
|
|
expect(screen.queryByTitle('Rotate')).not.toBeInTheDocument()
|
|
})
|
|
|
|
it('FE-COMP-STUDIOCANVAS-002: the lock button names the press that follows, in the same language', async () => {
|
|
seedStore(useSettingsStore, { settings: buildSettings({ language: 'de' }) })
|
|
mountSelected(true)
|
|
|
|
expect(await screen.findByTitle('Entsperren')).toBeInTheDocument()
|
|
// A locked element keeps its handles hidden, so nothing rotates it by accident.
|
|
expect(screen.queryByTitle('Drehen')).not.toBeInTheDocument()
|
|
})
|
|
})
|