스타일 수정
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
import { expectNoPxInStyleParts } from "./styleInvariants";
|
||||
import {
|
||||
normalizeVideoSourceUrl,
|
||||
resolveVideoPlatform,
|
||||
@@ -124,7 +125,7 @@ describe("videoHelpers.computeVideoExportTokens", () => {
|
||||
|
||||
const escapers = { escapeAttr: (value: string) => value };
|
||||
|
||||
it("fixed width / 카드 스타일을 px 단위 스타일 파트로 계산해야 한다", () => {
|
||||
it("fixed width / 카드 스타일을 em 단위 스타일 파트로 계산해야 한다", () => {
|
||||
const tokens = computeVideoExportTokens(
|
||||
{
|
||||
...baseProps,
|
||||
@@ -139,15 +140,33 @@ describe("videoHelpers.computeVideoExportTokens", () => {
|
||||
);
|
||||
|
||||
expect(tokens.aspectClass).toBe("");
|
||||
expect(tokens.wrapperStyleParts).toContain("width:640px");
|
||||
expect(tokens.videoStyleParts).toContain("width:640px");
|
||||
expect(tokens.wrapperStyleParts).toContain("width:40em");
|
||||
expect(tokens.videoStyleParts).toContain("width:40em");
|
||||
expect(tokens.wrapperStyleParts).toContain("background-color:#123456");
|
||||
expect(tokens.wrapperStyleParts).toContain("padding:24px");
|
||||
expect(tokens.wrapperStyleParts).toContain("border-radius:16px");
|
||||
expect(tokens.wrapperStyleParts).toContain("padding:1.5em");
|
||||
expect(tokens.wrapperStyleParts).toContain("border-radius:1em");
|
||||
expect(tokens.outerStyleParts).toContain("display:flex");
|
||||
expect(tokens.outerStyleParts).toContain("justify-content:flex-start");
|
||||
});
|
||||
|
||||
it("Export 비디오 wrapper/video 스타일 파트에는 px 단위 값이 포함되지 않아야 한다", () => {
|
||||
const tokens = computeVideoExportTokens(
|
||||
{
|
||||
...baseProps,
|
||||
align: "left",
|
||||
widthMode: "fixed",
|
||||
widthPx: 640,
|
||||
backgroundColorCustom: "#123456",
|
||||
cardPaddingPx: 24,
|
||||
borderRadiusPx: 16,
|
||||
} as any,
|
||||
escapers,
|
||||
);
|
||||
|
||||
expectNoPxInStyleParts(tokens.wrapperStyleParts);
|
||||
expectNoPxInStyleParts(tokens.videoStyleParts);
|
||||
});
|
||||
|
||||
it("widthMode 가 full 이면 width:100% 로 설정하고 align 에 따라 justify-content 를 계산해야 한다", () => {
|
||||
const right = computeVideoExportTokens(
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user