diff --git a/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundResultsTable.test.tsx b/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundResultsTable.test.tsx
new file mode 100644
index 0000000000..5c1b696880
--- /dev/null
+++ b/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundResultsTable.test.tsx
@@ -0,0 +1,107 @@
+import { screen } from '@testing-library/react';
+import { render } from 'utils/testRenderer';
+import { UIProviderContainer } from 'component/providers/UIProvider/UIProviderContainer';
+import { AdvancedPlaygroundResultsTable } from './AdvancedPlaygroundResultsTable';
+
+test('should render advanced playground table', async () => {
+    render(
+        <UIProviderContainer>
+            <AdvancedPlaygroundResultsTable
+                loading={false}
+                features={[
+                    {
+                        name: 'Infinite',
+                        projectId: 'ChangeReqs',
+                        environments: {
+                            development: [
+                                {
+                                    isEnabled: false,
+                                    isEnabledInCurrentEnvironment: false,
+                                    strategies: {
+                                        result: true,
+                                        data: [
+                                            {
+                                                name: 'flexibleRollout',
+                                                id: '45971fe0-1122-40a7-a68c-3a1430c44062',
+                                                disabled: false,
+                                                parameters: {
+                                                    groupId: 'Infinite',
+                                                    rollout: '50',
+                                                    stickiness: 'default',
+                                                },
+                                                result: {
+                                                    enabled: true,
+                                                    evaluationStatus:
+                                                        'complete',
+                                                },
+                                                constraints: [],
+                                                segments: [],
+                                            },
+                                            {
+                                                name: 'default',
+                                                id: 'bf5e35b6-edc1-4e54-8f7e-a6cc8d4f352a',
+                                                disabled: false,
+                                                parameters: {},
+                                                result: {
+                                                    enabled: true,
+                                                    evaluationStatus:
+                                                        'complete',
+                                                },
+                                                constraints: [],
+                                                segments: [],
+                                            },
+                                        ],
+                                    },
+                                    projectId: 'ChangeReqs',
+                                    variant: {
+                                        name: 'disabled',
+                                        enabled: false,
+                                    },
+                                    name: 'Infinite',
+                                    environment: 'development',
+                                    context: {
+                                        appName: 'MyApp',
+                                    },
+                                    variants: [],
+                                },
+                            ],
+                            production: [
+                                {
+                                    isEnabled: false,
+                                    isEnabledInCurrentEnvironment: false,
+                                    strategies: {
+                                        result: false,
+                                        data: [],
+                                    },
+                                    projectId: 'ChangeReqs',
+                                    variant: {
+                                        name: 'disabled',
+                                        enabled: false,
+                                    },
+                                    name: 'Infinite',
+                                    environment: 'production',
+                                    context: {
+                                        appName: 'MyApp',
+                                    },
+                                    variants: [],
+                                },
+                            ],
+                        },
+                    },
+                ]}
+                input={{
+                    environments: ['development', 'production'],
+                    projects: '*',
+                    context: {
+                        appName: 'MyApp',
+                    },
+                }}
+            />
+        </UIProviderContainer>
+    );
+
+    expect(screen.getByText('Infinite')).toBeInTheDocument();
+    expect(screen.getByText('ChangeReqs')).toBeInTheDocument();
+    expect(screen.getByText('Development')).toBeInTheDocument();
+    expect(screen.getByText('Production')).toBeInTheDocument();
+});