Files
landing-builder/lib/exporter/formValidation.test.ts
T

41 lines
1.4 KiB
TypeScript

import { describe, it, expect } from 'vitest'
import { pageSchema, type Page } from '@/lib/schema/page'
import { exportPage } from '@/lib/exporter/html'
const makePage = (overrides: Partial<Page> = {}): Page =>
pageSchema.parse({
title: 'Validate',
locale: 'en',
theme: { primaryColor: '#0ea5e9', fontFamily: 'Inter' },
sections: [],
form: {
actionUrl: '',
fields: [
{ type: 'text', name: 'name', label: 'Name', required: true, pattern: '^[A-Za-z ]+$', maxLength: 30 },
{ type: 'email', name: 'email', label: 'Email', required: true },
{ type: 'textarea', name: 'msg', label: 'Message', required: false, maxLength: 200 },
],
spamProtection: { honeypotFieldName: '_hp', minSubmitSeconds: 2 },
},
seo: { title: 'Validate', description: 'desc' },
...overrides,
})
describe('Exporter - field validation attributes', () => {
it('text에 pattern/maxLength, textarea에 maxLength를 렌더링한다', () => {
const page = makePage()
const out = exportPage(page)
// text: pattern + maxlength
expect(out.html).toContain('name="name"')
expect(out.html).toContain('pattern="^[A-Za-z ]+$"')
expect(out.html).toContain('maxlength="30"')
// textarea: maxlength
expect(out.html).toContain('<textarea')
expect(out.html).toContain('name="msg"')
expect(out.html).toContain('maxlength="200"')
})
})