chore: establish learning module baseline

OpenMAIC/packages/@openmaic/renderer/test/elements/text/BaseTextElement.test.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import type { PPTTextElement } from '@openmaic/dsl';
+import { describe, expect, it } from 'vitest';
+import { BaseTextElement } from '../../../src/elements/text/BaseTextElement';
+
+const textElement: PPTTextElement = {
+  id: 'text-1',
+  type: 'text',
+  left: 0,
+  top: 0,
+  width: 200,
+  height: 60,
+  rotate: 0,
+  content: '<p>Centered by default</p>',
+  defaultFontName: 'Microsoft YaHei',
+  defaultColor: '#333333',
+};
+
+describe('BaseTextElement', () => {
+  it('top-aligns text when vAlign is omitted', () => {
+    const markup = renderToStaticMarkup(
+      React.createElement(BaseTextElement, { elementInfo: textElement }),
+    );
+
+    expect(markup).toContain('justify-content:flex-start');
+  });
+
+  it.each([
+    ['top', 'flex-start'],
+    ['middle', 'center'],
+    ['bottom', 'flex-end'],
+  ] as const)('maps explicit %s alignment to %s', (vAlign, justifyContent) => {
+    const markup = renderToStaticMarkup(
+      React.createElement(BaseTextElement, {
+        elementInfo: { ...textElement, vAlign },
+      }),
+    );
+
+    expect(markup).toContain(`justify-content:${justifyContent}`);
+  });
+
+  it('shares text paint styles with custom editable content', () => {
+    const markup = renderToStaticMarkup(
+      React.createElement(BaseTextElement, {
+        elementInfo: {
+          ...textElement,
+          fill: '#ffeeaa',
+          opacity: 0.8,
+          lineHeight: 1.8,
+          paragraphSpace: 6,
+          wordSpace: 3,
+          vertical: true,
+        },
+        renderContent: () => React.createElement('div', { 'data-renderer-text-editor': '' }),
+      }),
+    );
+
+    expect(markup).toContain('background-color:#ffeeaa');
+    expect(markup).toContain('line-height:1.8');
+    expect(markup).toContain('letter-spacing:3px');
+    expect(markup).toContain('writing-mode:vertical-rl');
+    expect(markup).toContain('data-renderer-text-editor=""');
+    expect(markup).not.toContain('ProseMirror-static');
+  });
+});