feat: add Capacitor FormData implementation for testing multipart/form-data requests (#785)

Author: OS-ruimoreiramendes

src/pages/Http.tsx

@@ -41,6 +41,8 @@ const HttpPage: React.FC = () => {
       sendRequestFetch();
     } else if (implementation === 'XHR') {
       sendRequestXHR();
+    } else if (implementation === 'CAPACITOR_FORMDATA') {
+      sendRequestCapacitorFormData();
     } else {
       sendRequestCapacitor();
     }
@@ -88,6 +90,24 @@ const HttpPage: React.FC = () => {
     }
   };
 
+  const sendRequestCapacitorFormData = async () => {
+    const entries: { key: string; value: string; type: string }[] = [];
+    if (params.length > 0) {
+      const parsed = JSON.parse(params);
+      for (const [key, value] of Object.entries(parsed)) {
+        entries.push({ key, value: `${value}`, type: 'string' });
+      }
+    }
+    const response = await CapacitorHttp.request({
+      url,
+      method: requestType,
+      data: entries,
+      dataType: 'formData',
+      headers: JSON.parse(headers),
+    });
+    setResponse(JSON.stringify(response.data));
+  };
+
   const sendRequestCapacitor = async () => {
     const response = await CapacitorHttp.request({
       url,
@@ -152,6 +172,7 @@ const HttpPage: React.FC = () => {
           <IonSelectOption value="FETCH">Fetch</IonSelectOption>
           <IonSelectOption value="XHR">XMLHttpRequest</IonSelectOption>
           <IonSelectOption value="CAPACITOR">Capacitor</IonSelectOption>
+          <IonSelectOption value="CAPACITOR_FORMDATA">Capacitor (FormData)</IonSelectOption>
         </IonSelect>
         <IonButton expand="block" onClick={() => toggleParams()}>
           Toggle Params On/Off