PoC GSOC API Testing Suite - Abhinav Sharma

doc/proposals/2025/gsoc/application_udhay_adithya_dashbot.md

@@ -260,15 +260,15 @@ This milestone will involve running benchmark evaluations for all LLM providers
 
 #### **Milestone #4: API Authentication Methods** 
 
-This milestone will add a new tab "Authorization" in the home page of API Dash where users can perform various API Authentication Methods such as,
+This milestone will a new section in the home page of API Dash "Authorization" where users can perform various API Authentication Methods such as,
 - Basic authentication
 - API Auth
 - API key
 - Bearer token
 - JWT Bearer
 - Digest Auth
 - OAuth 1.0
-- OAuth 2.0
+- OAuth 2.0.
 
 ## **[GSOC 2025 TIMELINE](https://developers.google.com/open-source/gsoc/timeline) FOR REFERENCE**
 

lib/api_testing/api_testing_integration.dart

@@ -0,0 +1,23 @@
+import 'package:api_testing_suite/api_testing_suite.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final workflowCollectionProvider = Provider<Map<String, dynamic>>((ref) {
+  //It is usable when collections are implemented in the future.
+  //For now, we return an empty map to avoid errors.
+  return {};
+});
+
+/// WorkflowBuilderPagePage that uses the implementation from api_testing_suite
+class WorkflowBuilder extends StatelessWidget {
+  const WorkflowBuilder({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      body: Center(
+        child: WorkflowBuilderScreen(),
+      ),
+    );
+  }
+}

lib/consts.dart

@@ -443,6 +443,7 @@ const kLabelViewCode = "View Code";
 const kLabelURLParams = "URL Params";
 const kLabelHeaders = "Headers";
 const kLabelBody = "Body";
+const kLabelStressTest = 'Stress Test';
 const kLabelQuery = "Query";
 const kNameCheckbox = "Checkbox";
 const kNameURLParam = "URL Parameter";

lib/screens/common_widgets/envvar_span.dart

@@ -27,9 +27,11 @@ class EnvVarSpan extends HookConsumerWidget {
     final showPopover = useState(false);
 
     final isMissingVariable = suggestion.isUnknown;
-    final String scope = isMissingVariable
-        ? 'unknown'
-        : getEnvironmentTitle(environments?[suggestion.environmentId]?.name);
+    final String scope = suggestion.environmentId == "Random" 
+        ? "Random" 
+        : isMissingVariable
+            ? 'unknown'
+            : getEnvironmentTitle(environments?[suggestion.environmentId]?.name);
     final colorScheme = Theme.of(context).colorScheme;
 
     var text = Text(

lib/screens/dashboard.dart

@@ -10,6 +10,7 @@ import 'envvar/environment_page.dart';
 import 'home_page/home_page.dart';
 import 'history/history_page.dart';
 import 'settings_page.dart';
+import 'package:apidash/api_testing/api_testing_integration.dart';
 
 class Dashboard extends ConsumerWidget {
   const Dashboard({super.key});
@@ -68,6 +69,19 @@ class Dashboard extends ConsumerWidget {
                       'History',
                       style: Theme.of(context).textTheme.labelSmall,
                     ),
+                    kVSpacer10,
+                    IconButton(
+                      isSelected: railIdx == 3,
+                      onPressed: () {
+                        ref.read(navRailIndexStateProvider.notifier).state = 3;
+                      },
+                      icon: const Icon(Icons.account_tree_outlined),
+                      selectedIcon: const Icon(Icons.account_tree),
+                    ),
+                    Text(
+                      'Workflows',
+                      style: Theme.of(context).textTheme.labelSmall,
+                    ),
                   ],
                 ),
                 Expanded(
@@ -92,7 +106,7 @@ class Dashboard extends ConsumerWidget {
                         padding: const EdgeInsets.only(bottom: 16.0),
                         child: NavbarButton(
                           railIdx: railIdx,
-                          buttonIdx: 3,
+                          buttonIdx: 4,
                           selectedIcon: Icons.settings,
                           icon: Icons.settings_outlined,
                           label: 'Settings',
@@ -118,6 +132,7 @@ class Dashboard extends ConsumerWidget {
                   HomePage(),
                   EnvironmentPage(),
                   HistoryPage(),
+                  WorkflowBuilder(),
                   SettingsPage(),
                 ],
               ),

lib/screens/envvar/environment_editor.dart

@@ -1,3 +1,4 @@
+import 'package:api_testing_suite/api_testing_suite.dart';
 import 'package:apidash_design_system/apidash_design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -7,9 +8,79 @@ import 'package:apidash/consts.dart';
 import '../common_widgets/common_widgets.dart';
 import './editor_pane/variables_pane.dart';
 
+final environmentEditorTabProvider = StateProvider<int>((ref) => 0);
+
 class EnvironmentEditor extends ConsumerWidget {
   const EnvironmentEditor({super.key});
 
+  Widget _buildTabBar(BuildContext context, WidgetRef ref) {
+    final selectedTab = ref.watch(environmentEditorTabProvider);
+
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        _buildTabButton(
+          context, 
+          'Environment Variables', 
+          0, 
+          selectedTab == 0,
+          () => ref.read(environmentEditorTabProvider.notifier).state = 0,
+        ),
+        const SizedBox(width: 16),
+        _buildTabButton(
+          context, 
+          'Fake Data Providers', 
+          1, 
+          selectedTab == 1,
+          () => ref.read(environmentEditorTabProvider.notifier).state = 1,
+        ),
+      ],
+    );
+  }
+
+  Widget _buildTabButton(BuildContext context, String title, int index, bool isSelected, VoidCallback onPressed) {
+    return ElevatedButton(
+      onPressed: onPressed,
+      style: ElevatedButton.styleFrom(
+        backgroundColor: isSelected 
+            ? Theme.of(context).colorScheme.primaryContainer 
+            : Theme.of(context).colorScheme.surfaceContainerLow,
+        foregroundColor: isSelected
+            ? Theme.of(context).colorScheme.primary
+            : Theme.of(context).colorScheme.onSurface,
+        elevation: 0,
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      ),
+      child: Text(title),
+    );
+  }
+
+  Widget _buildTabContent(WidgetRef ref) {
+    final selectedTab = ref.watch(environmentEditorTabProvider);
+
+    if (selectedTab == 0) {
+      return Column(
+        children: [
+          const Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              SizedBox(width: 30),
+              Text("Variable"),
+              SizedBox(width: 30),
+              Text("Value"),
+              SizedBox(width: 40),
+            ],
+          ),
+          kHSpacer40,
+          const Divider(),
+          const Expanded(child: EditEnvironmentVariables()),
+        ],
+      );
+    } else {
+      return const FakeDataProvidersPane();
+    }
+  }
+
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final id = ref.watch(selectedEnvironmentIdStateProvider);
@@ -84,24 +155,13 @@ class EnvironmentEditor extends ConsumerWidget {
                         borderRadius: kBorderRadius12,
                       ),
                 elevation: 0,
-                child: const Padding(
+                child: Padding(
                   padding: kPv6,
                   child: Column(
                     children: [
-                      kHSpacer40,
-                      Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: [
-                          SizedBox(width: 30),
-                          Text("Variable"),
-                          SizedBox(width: 30),
-                          Text("Value"),
-                          SizedBox(width: 40),
-                        ],
-                      ),
-                      kHSpacer40,
-                      Divider(),
-                      Expanded(child: EditEnvironmentVariables())
+                      _buildTabBar(context, ref),
+                      kHSpacer20,
+                      Expanded(child: _buildTabContent(ref))
                     ],
                   ),
                 ),

lib/screens/home_page/editor_pane/details_card/request_pane/request_pane_rest.dart

@@ -6,6 +6,7 @@ import 'package:apidash/widgets/widgets.dart';
 import 'request_headers.dart';
 import 'request_params.dart';
 import 'request_body.dart';
+import 'request_stress_test.dart';
 
 class EditRestRequestPane extends ConsumerWidget {
   const EditRestRequestPane({super.key});
@@ -44,16 +45,19 @@ class EditRestRequestPane extends ConsumerWidget {
         paramLength > 0,
         headerLength > 0,
         hasBody,
+        false, //default false
       ],
       tabLabels: const [
         kLabelURLParams,
         kLabelHeaders,
         kLabelBody,
+        kLabelStressTest, // label from consts.dart
       ],
-      children: const [
-        EditRequestURLParams(),
-        EditRequestHeaders(),
-        EditRequestBody(),
+      children: [
+        const EditRequestURLParams(),
+        const EditRequestHeaders(),
+        const EditRequestBody(),
+        const RequestStressTestPane(),
       ],
     );
   }