update tests

Author: JonnyBurger

packages/web-renderer/src/test/3d-flattening.test.tsx

@@ -0,0 +1,19 @@
+import {test} from 'vitest';
+import {page} from 'vitest/browser';
+import {renderStillOnWeb} from '../render-still-on-web';
+import '../symbol-dispose';
+import {threeDFlattening} from './fixtures/clipped';
+import {testImage} from './utils';
+
+test('should not clip this example', async () => {
+	await page.viewport(1080, 1080);
+	const {blob} = await renderStillOnWeb({
+		licenseKey: 'free-license',
+		composition: threeDFlattening,
+		frame: 0,
+		inputProps: {},
+		imageFormat: 'png',
+	});
+
+	await testImage({blob, testId: '3d-flattening'});
+});

packages/web-renderer/src/test/Root.tsx

@@ -16,6 +16,7 @@ import {borderRadiusNone} from './fixtures/border-radius-none';
 import {borderRadiusPercentage} from './fixtures/border-radius-percentage';
 import {borderRadiusSimple} from './fixtures/border-radius-simple';
 import {boxShadow} from './fixtures/box-shadow';
+import {threeDFlattening} from './fixtures/clipped';
 import {complexNestedSvg} from './fixtures/complex-nested-svg';
 import {deeplyNestedTransform} from './fixtures/deeply-nested-transform';
 import {displayNone} from './fixtures/display-none';
@@ -142,6 +143,7 @@ export const Root: React.FC = () => {
 				<Composition {...flexContainer} />
 				<Composition {...deeplyNestedTransform} />
 				<Composition {...manyLayers} />
+				<Composition {...threeDFlattening} />
 			</Folder>
 		</>
 	);