test: flaky flag type selection (#8677)

frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.test.tsx

@@ -40,6 +40,33 @@ const setupApi = () => {
     ]);
 };
 
+test('filters by flag type', async () => {
+    setupApi();
+
+    render(
+        <Routes>
+            <Route
+                path={'/projects/:projectId'}
+                element={
+                    <ProjectFeatureToggles
+                        environments={['development', 'production']}
+                    />
+                }
+            />
+        </Routes>,
+        {
+            route: '/projects/default',
+        },
+    );
+    await screen.findByText('featureA');
+    const [icon] = await screen.findAllByTestId('feature-type-icon');
+
+    fireEvent.click(icon);
+
+    await screen.findByText('Flag type');
+    await screen.findByText('Operational');
+});
+
 test('selects project features', async () => {
     setupApi();
     render(
@@ -107,32 +134,6 @@ test('filters by tag', async () => {
     expect(await screen.findAllByText('backend:sdk')).toHaveLength(2);
 });
 
-test('filters by flag type', async () => {
-    setupApi();
-    render(
-        <Routes>
-            <Route
-                path={'/projects/:projectId'}
-                element={
-                    <ProjectFeatureToggles
-                        environments={['development', 'production']}
-                    />
-                }
-            />
-        </Routes>,
-        {
-            route: '/projects/default',
-        },
-    );
-    await screen.findByText('featureA');
-    const [icon] = await screen.findAllByTestId('feature-type-icon');
-
-    fireEvent.click(icon);
-
-    await screen.findByText('Flag type');
-    await screen.findByText('Operational');
-});
-
 test('filters by flag author', async () => {
     setupApi();
     render(