shadowdaoandClaude Opus 4.8
8bf525c600
SectionTypePanel (Accordion/Tabs/Testimonials/Countdown/NumberCounter/ CTASection/CallToAction/FeaturesGrid), PricingStylePanel, and SocialStylePanel all gain a Spacing & Border section (margin/padding per-side, border, box-shadow, opacity), an Animation section, and a Visibility section, wired to the shared SpacingControl/BorderControl/ AnimationControl/VisibilityControl. PricingTable's per-card colors (cardBg/textColor/subColor/featColor/ checkColor/btnBg/btnColor) were previously hard-coded literals computed from featuredBg inside toHtml -- promoted to real optional props (each falling back to the exact prior literal when unset) and exposed via ColorPickerField in PricingStylePanel. SocialStylePanel now exposes SocialLinks' iconShape/gap (already-built props with no control), plus Icon's bgColor/bgShape/bgSize/link and StarRating's filledColor/emptyColor, which the panel's generic iconBgColor/starColor checks never matched since those aren't Icon's or StarRating's real prop names. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
import { describe, test, expect } from 'vitest';
|
|
import { CallToAction } from './CallToAction';
|
|
|
|
const toHtml = (CallToAction as any).toHtml;
|
|
|
|
describe('CallToAction.toHtml basic export', () => {
|
|
test('renders heading, description, and CTA buttons', () => {
|
|
const { html } = toHtml({ heading: 'Hi', description: 'Sub', ctas: [{ text: 'Go', href: '#', variant: 'primary' }] }, '');
|
|
expect(html).toContain('Hi');
|
|
expect(html).toContain('Sub');
|
|
expect(html).toContain('Go');
|
|
});
|
|
|
|
test('box-model style props (margin/padding/border/boxShadow/opacity) flow through to the section style=""', () => {
|
|
const { html } = toHtml({
|
|
heading: 'Hi',
|
|
description: 'Sub',
|
|
style: { marginBottom: '12px', paddingRight: '6px', border: '2px dashed #333', boxShadow: '0 4px 8px rgba(0,0,0,0.12)', opacity: '0.75' },
|
|
}, '');
|
|
expect(html).toContain('margin-bottom:12px');
|
|
expect(html).toContain('padding-right:6px');
|
|
expect(html).toContain('border:2px dashed #333');
|
|
expect(html).toContain('box-shadow:0 4px 8px rgba(0,0,0,0.12)');
|
|
expect(html).toContain('opacity:0.75');
|
|
});
|
|
});
|
|
|
|
describe('CallToAction.craft.props includes the box-model/animation/visibility rollout props', () => {
|
|
test('animation, animationDelay, and all 3 hideOn* flags are declared (blank/false defaults)', () => {
|
|
const props = (CallToAction as any).craft.props;
|
|
expect(props).toHaveProperty('animation', '');
|
|
expect(props).toHaveProperty('animationDelay', '');
|
|
expect(props).toHaveProperty('hideOnDesktop', false);
|
|
expect(props).toHaveProperty('hideOnTablet', false);
|
|
expect(props).toHaveProperty('hideOnMobile', false);
|
|
});
|
|
});
|