add some tests

src/__screenshot_tests__/poster-card-screenshot-test.tsx

@@ -125,3 +125,42 @@ test.each(TESTABLE_DEVICES)('PosterCard with asset in %s', async (device) => {
 
     expect(image).toMatchImageSnapshot();
 });
+
+test.each(['inverse', 'alternative', 'default'])('PosterCard with variant %s', async (variant) => {
+    await openStoryPage({
+        id: 'components-cards-poster-card--default',
+        args: {variant, background: 'color from skin'},
+    });
+
+    const posterCard = await screen.findByTestId('main-poster-card');
+
+    const image = await posterCard.screenshot();
+
+    expect(image).toMatchImageSnapshot();
+});
+
+test('PosterCard with custom background color', async () => {
+    await openStoryPage({
+        id: 'components-cards-poster-card--default',
+        args: {background: 'custom color', backgroundColorCustom: '#ff0'},
+    });
+
+    const posterCard = await screen.findByTestId('main-poster-card');
+
+    const image = await posterCard.screenshot();
+
+    expect(image).toMatchImageSnapshot();
+});
+
+test('PosterCard with custom background color inverse', async () => {
+    await openStoryPage({
+        id: 'components-cards-poster-card--default',
+        args: {background: 'custom color', backgroundColorCustom: '#000', variant: 'inverse'},
+    });
+
+    const posterCard = await screen.findByTestId('main-poster-card');
+
+    const image = await posterCard.screenshot();
+
+    expect(image).toMatchImageSnapshot();
+});

src/__stories__/poster-card-story.tsx

@@ -128,6 +128,7 @@ export const Default: StoryComponent<PosterCardArgs> = ({
     return (
         <Stack space={32} dataAttributes={{testid: 'poster-card'}}>
             <PosterCard
+                dataAttributes={{testid: 'main-poster-card'}}
                 {...backgroundProps}
                 icon={icon}
                 headline={headline ? <Tag type={headlineType}>{headline}</Tag> : undefined}