Spaces:

FourLabs-UN2
/

android-test-pilot

Running

App Files Files Community

FourLabs-UN2 commited on Oct 22, 2025

Commit

a3f0dd4

verified ·

1 Parent(s): 0798287

os testes serão para ios também

Browse files

Files changed (4) hide show

chatbot.html +39 -29
components/sidebar.js +2 -2
index.html +75 -19
script.js +2 -3

chatbot.html CHANGED Viewed

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Chatbot - Android Test Pilot</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
@@ -30,14 +30,14 @@
                 <div class="flex items-center justify-between mb-8">
                     <div>
                         <h1 class="text-3xl font-bold mb-2">Chatbot de Testes</h1>
-                        <p class="text-gray-300">Teste seu aplicativo Android usando comandos em linguagem natural</p>
                     </div>
-                    <div class="flex items-center gap-4">
-                        <span class="bg-green-500 text-white px-3 py-1 rounded-full text-sm flex items-center gap-2">
                             <i data-feather="circle" class="w-3 h-3"></i>
-                            Emulador Conectado
                         </span>
-                        <button class="bg-secondary hover:bg-orange-600 text-white px-4 py-2 rounded-lg flex items-center gap-2">
                             <i data-feather="settings" class="w-4 h-4"></i>
                             Configurações
                         </button>
@@ -65,12 +65,13 @@
                                 <div class="message-content">
                                     <p>Você pode me pedir para:</p>
                                     <ul class="list-disc list-inside ml-4 text-sm text-gray-300 mt-2">
-                                        <li>Instalar e executar aplicativos</li>
-                                        <li>Navegar pela interface</li>
-                                        <li>Testar funcionalidades específicas</li>
-                                        <li>Capturar screenshots</li>
-                                        <li>Analisar performance</li>
-                                    </ul>
                                     <span class="message-time">Agora</span>
                                 </div>
                             </div>
@@ -101,10 +102,9 @@
                             <div class="space-y-3">
                                 <button class="w-full bg-secondary bg-opacity-20 hover:bg-opacity-30 text-secondary px-4 py-3 rounded-lg flex items-center gap-2 transition-all">
                                     <i data-feather="download" class="w-4 h-4"></i>
-                                    Instalar APK
                                 </button>
-                                <button class="w-full bg-secondary bg-opacity-20 hover:bg-opacity-30 text-secondary px-4 py-3 rounded-lg flex items-center gap-2 transition-all">
                                     <i data-feather="play" class="w-4 h-4"></i>
                                     Executar App
                                 </button>
@@ -135,6 +135,16 @@
     <script>
         feather.replace();
         function sendMessage() {
             const input = document.getElementById('chatInput');
             const message = input.value.trim();
@@ -145,14 +155,13 @@
                 // Simular resposta do bot após 1 segundo
                 setTimeout(() => {
-                    simulateBotResponse(message);
                 }, 1000);
                 input.value = '';
             }
         }
-        function addUserMessage(message) {
             const chatContainer = document.getElementById('chatContainer');
             const messageDiv = document.createElement('div');
             messageDiv.className = 'chat-message user-message';
@@ -169,29 +178,30 @@
             chatContainer.scrollTop = chatContainer.scrollHeight;
             feather.replace();
         }
-        function simulateBotResponse(userMessage) {
             const chatContainer = document.getElementById('chatContainer');
             const messageDiv = document.createElement('div');
             messageDiv.className = 'chat-message bot-message';
             let response = '';
             if (userMessage.toLowerCase().includes('instalar') || userMessage.toLowerCase().includes('install')) {
-                response = 'Instalando o aplicativo no emulador... ✅ Aplicativo instalado com sucesso!';
             } else if (userMessage.toLowerCase().includes('executar') || userMessage.toLowerCase().includes('abrir') || userMessage.toLowerCase().includes('run')) {
-                response = 'Executando o aplicativo... 🚀 Aplicativo iniciado na tela principal.';
             } else if (userMessage.toLowerCase().includes('tela') || userMessage.toLowerCase().includes('screen')) {
-                response = 'Capturando screenshot da tela atual... 📸 Screenshot salvo com sucesso!';
             } else if (userMessage.toLowerCase().includes('performance') || userMessage.toLowerCase().includes('desempenho')) {
-                response = 'Analisando performance do aplicativo... 📊 CPU: 15% | Memória: 128MB | FPS: 60';
             } else if (userMessage.toLowerCase().includes('navegar') || userMessage.toLowerCase().includes('navigate')) {
-                response = 'Navegando para a próxima tela... 🔄 Navegação concluída com sucesso.';
             } else {
-                response = 'Comando recebido! Estou processando sua solicitação no emulador Android. ✅';
             }
-            messageDiv.innerHTML = `
                 <div class="message-avatar">
                     <i data-feather="cpu" class="w-5 h-5"></i>
                 </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Chatbot - Mobile Test Pilot</title>
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
                 <div class="flex items-center justify-between mb-8">
                     <div>
                         <h1 class="text-3xl font-bold mb-2">Chatbot de Testes</h1>
+                        <p class="text-gray-300">Teste seu aplicativo Android ou iOS usando comandos em linguagem natural</p>
                     </div>
+<div class="flex items-center gap-4">
+                        <span id="platformBadge" class="bg-green-500 text-white px-3 py-1 rounded-full text-sm flex items-center gap-2">
                             <i data-feather="circle" class="w-3 h-3"></i>
+                            Android Conectado
                         </span>
+<button class="bg-secondary hover:bg-orange-600 text-white px-4 py-2 rounded-lg flex items-center gap-2">
                             <i data-feather="settings" class="w-4 h-4"></i>
                             Configurações
                         </button>
                                 <div class="message-content">
                                     <p>Você pode me pedir para:</p>
                                     <ul class="list-disc list-inside ml-4 text-sm text-gray-300 mt-2">
+                                    <li>Instalar e executar aplicativos Android/iOS</li>
+                                    <li>Navegar pela interface</li>
+                                    <li>Testar funcionalidades específicas</li>
+                                    <li>Capturar screenshots</li>
+                                    <li>Analisar performance</li>
+                                    <li>Testar compatibilidade entre plataformas</li>
+</ul>
                                     <span class="message-time">Agora</span>
                                 </div>
                             </div>
                             <div class="space-y-3">
                                 <button class="w-full bg-secondary bg-opacity-20 hover:bg-opacity-30 text-secondary px-4 py-3 rounded-lg flex items-center gap-2 transition-all">
                                     <i data-feather="download" class="w-4 h-4"></i>
+                                    Instalar App
                                 </button>
+<button class="w-full bg-secondary bg-opacity-20 hover:bg-opacity-30 text-secondary px-4 py-3 rounded-lg flex items-center gap-2 transition-all">
                                     <i data-feather="play" class="w-4 h-4"></i>
                                     Executar App
                                 </button>
     <script>
         feather.replace();
+        // Verificar parâmetros da URL para saber qual plataforma está sendo testada
+        const urlParams = new URLSearchParams(window.location.search);
+        const platform = urlParams.get('platform') || 'android';
+        // Atualizar badge da plataforma
+        document.getElementById('platformBadge').textContent = platform.charAt(0).toUpperCase() + platform.slice(1) + ' Conectado';
+        document.getElementById('platformBadge').className = platform === 'android' ?
+            'bg-green-500 text-white px-3 py-1 rounded-full text-sm flex items-center gap-2' :
+            'bg-blue-500 text-white px-3 py-1 rounded-full text-sm flex items-center gap-2';
         function sendMessage() {
             const input = document.getElementById('chatInput');
             const message = input.value.trim();
                 // Simular resposta do bot após 1 segundo
                 setTimeout(() => {
+                    simulateBotResponse(message, platform);
                 }, 1000);
                 input.value = '';
             }
         }
+function addUserMessage(message) {
             const chatContainer = document.getElementById('chatContainer');
             const messageDiv = document.createElement('div');
             messageDiv.className = 'chat-message user-message';
             chatContainer.scrollTop = chatContainer.scrollHeight;
             feather.replace();
         }
+        function simulateBotResponse(userMessage, platform) {
             const chatContainer = document.getElementById('chatContainer');
             const messageDiv = document.createElement('div');
             messageDiv.className = 'chat-message bot-message';
             let response = '';
+            const platformName = platform === 'android' ? 'Android' : 'iOS';
             if (userMessage.toLowerCase().includes('instalar') || userMessage.toLowerCase().includes('install')) {
+                response = `Instalando o aplicativo no emulador ${platformName}... ✅ Aplicativo instalado com sucesso!`;
             } else if (userMessage.toLowerCase().includes('executar') || userMessage.toLowerCase().includes('abrir') || userMessage.toLowerCase().includes('run')) {
+                response = `Executando o aplicativo no ${platformName}... 🚀 Aplicativo iniciado na tela principal.`;
             } else if (userMessage.toLowerCase().includes('tela') || userMessage.toLowerCase().includes('screen')) {
+                response = `Capturando screenshot da tela atual do ${platformName}... 📸 Screenshot salvo com sucesso!`;
             } else if (userMessage.toLowerCase().includes('performance') || userMessage.toLowerCase().includes('desempenho')) {
+                response = `Analisando performance do aplicativo no ${platformName}... 📊 CPU: 15% | Memória: 128MB | FPS: 60`;
             } else if (userMessage.toLowerCase().includes('navegar') || userMessage.toLowerCase().includes('navigate')) {
+                response = `Navegando pela interface do ${platformName}... 🔄 Navegação concluída com sucesso.`;
+            } else if (userMessage.toLowerCase().includes('compatibilidade') || userMessage.toLowerCase().includes('compatibility')) {
+                response = `Analisando compatibilidade entre Android e iOS... 🔍 Teste de compatibilidade em andamento.`;
             } else {
+                response = `Comando recebido! Estou processando sua solicitação no emulador ${platformName}. ✅`;
             }
+messageDiv.innerHTML = `
                 <div class="message-avatar">
                     <i data-feather="cpu" class="w-5 h-5"></i>
                 </div>

components/sidebar.js CHANGED Viewed

@@ -145,8 +145,8 @@ class CustomSidebar extends HTMLElement {
           <div class="logo-icon">
             <i data-feather="smartphone"></i>
           </div>
-          <div class="logo-text">Test Pilot</div>
-        </div>
         <nav class="nav-items">
           <a href="index.html" class="nav-item active">
             <i data-feather="home"></i>

           <div class="logo-icon">
             <i data-feather="smartphone"></i>
           </div>
+          <div class="logo-text">Mobile Test Pilot</div>
+</div>
         <nav class="nav-items">
           <a href="index.html" class="nav-item active">
             <i data-feather="home"></i>

index.html CHANGED Viewed

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Android Test Pilot - Plataforma de Testes</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
@@ -28,18 +28,18 @@
         <div class="max-w-6xl mx-auto">
             <div class="bg-primary rounded-2xl border border-gray-700 p-8 shadow-2xl">
                 <div class="text-center mb-12">
-                    <h1 class="text-4xl font-bold mb-4">Android Test Pilot</h1>
-                    <p class="text-gray-300 text-lg">Teste seus aplicativos Android de forma intuitiva com IA</p>
-                </div>
                 <div class="grid md:grid-cols-2 gap-8 items-center">
                     <div>
                         <h2 class="text-2xl font-semibold mb-4">Inicie um novo teste</h2>
                         <p class="text-gray-300 mb-6">
-                            Selecione um emulador Android, envie seu aplicativo .apk e comece a testar
                             usando linguagem natural através do nosso chatbot inteligente.
                         </p>
-                        <button onclick="openTestModal()" class="bg-secondary hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 flex items-center gap-2">
                             <i data-feather="play" class="w-5 h-5"></i>
                             Iniciar Novo Teste
                         </button>
@@ -69,9 +69,9 @@
                     <div class="w-12 h-12 bg-secondary bg-opacity-20 rounded-full flex items-center justify-center mb-4">
                         <i data-feather="smartphone" class="text-secondary"></i>
                     </div>
-                    <h3 class="text-xl font-semibold mb-2">Emuladores Android</h3>
-                    <p class="text-gray-400">Acesse diversos emuladores Android configurados e prontos para uso.</p>
-                </div>
                 <div class="bg-gray-800 p-6 rounded-2xl border border-gray-700">
                     <div class="w-12 h-12 bg-secondary bg-opacity-20 rounded-full flex items-center justify-center mb-4">
@@ -104,29 +104,35 @@
             <div class="p-6">
                 <div class="mb-6">
-                    <label class="block text-sm font-medium mb-2">Selecione o Emulador Android</label>
-                    <select class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-white focus:border-secondary focus:ring-2 focus:ring-secondary focus:ring-opacity-50">
                         <option>Android 13 - Pixel 6 Pro</option>
                         <option>Android 12 - Pixel 5</option>
                         <option>Android 11 - Pixel 4</option>
                         <option>Android 10 - Pixel 3</option>
                     </select>
                 </div>
                 <div class="mb-6">
-                    <label class="block text-sm font-medium mb-2">Upload do Aplicativo (.apk)</label>
                     <div class="border-2 border-dashed border-gray-700 rounded-lg p-8 text-center hover:border-secondary transition-colors duration-300">
                         <i data-feather="upload-cloud" class="w-12 h-12 text-gray-500 mx-auto mb-4"></i>
-                        <p class="text-gray-400 mb-2">Arraste o arquivo .apk ou clique para selecionar</p>
                         <p class="text-sm text-gray-500">Tamanho máximo: 100MB</p>
-                        <input type="file" class="hidden" id="apkUpload" accept=".apk">
-                        <button onclick="document.getElementById('apkUpload').click()" class="bg-secondary hover:bg-orange-600 text-white px-4 py-2 rounded-lg mt-4">
                             Selecionar Arquivo
                         </button>
                     </div>
                 </div>
-                <div class="flex justify-end gap-3">
                     <button onclick="closeTestModal()" class="px-4 py-2 text-gray-300 hover:text-white transition-colors">
                         Cancelar
                     </button>
@@ -152,6 +158,56 @@
             document.getElementById('testModal').classList.add('hidden');
             document.getElementById('testModal').classList.remove('flex');
         }
 </script>
 <script src="https://deepsite.hf.co/deepsite-badge.js"></script>
 </body>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mobile Test Pilot - Plataforma de Testes</title>
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
         <div class="max-w-6xl mx-auto">
             <div class="bg-primary rounded-2xl border border-gray-700 p-8 shadow-2xl">
                 <div class="text-center mb-12">
+                    <h1 class="text-4xl font-bold mb-4">Mobile Test Pilot</h1>
+                    <p class="text-gray-300 text-lg">Teste seus aplicativos Android e iOS de forma intuitiva com IA</p>
+</div>
                 <div class="grid md:grid-cols-2 gap-8 items-center">
                     <div>
                         <h2 class="text-2xl font-semibold mb-4">Inicie um novo teste</h2>
                         <p class="text-gray-300 mb-6">
+                            Selecione um emulador Android ou iOS, envie seu aplicativo e comece a testar
                             usando linguagem natural através do nosso chatbot inteligente.
                         </p>
+<button onclick="openTestModal()" class="bg-secondary hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 flex items-center gap-2">
                             <i data-feather="play" class="w-5 h-5"></i>
                             Iniciar Novo Teste
                         </button>
                     <div class="w-12 h-12 bg-secondary bg-opacity-20 rounded-full flex items-center justify-center mb-4">
                         <i data-feather="smartphone" class="text-secondary"></i>
                     </div>
+                                <h3 class="text-xl font-semibold mb-2">Emuladores Mobile</h3>
+                                <p class="text-gray-400">Acesse diversos emuladores Android e iOS configurados e prontos para uso.</p>
+</div>
                 <div class="bg-gray-800 p-6 rounded-2xl border border-gray-700">
                     <div class="w-12 h-12 bg-secondary bg-opacity-20 rounded-full flex items-center justify-center mb-4">
             <div class="p-6">
                 <div class="mb-6">
+                    <label class="block text-sm font-medium mb-2">Selecione a Plataforma</label>
+                    <select id="platformSelect" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-white focus:border-secondary focus:ring-2 focus:ring-secondary focus:ring-opacity-50" onchange="updateEmulatorOptions()">
+                        <option value="android">Android</option>
+                        <option value="ios">iOS</option>
+                    </select>
+                </div>
+                <div class="mb-6">
+                    <label class="block text-sm font-medium mb-2">Selecione o Emulador</label>
+                    <select id="emulatorSelect" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-white focus:border-secondary focus:ring-2 focus:ring-secondary focus:ring-opacity-50">
                         <option>Android 13 - Pixel 6 Pro</option>
                         <option>Android 12 - Pixel 5</option>
                         <option>Android 11 - Pixel 4</option>
                         <option>Android 10 - Pixel 3</option>
                     </select>
                 </div>
                 <div class="mb-6">
+                    <label class="block text-sm font-medium mb-2">Upload do Aplicativo</label>
                     <div class="border-2 border-dashed border-gray-700 rounded-lg p-8 text-center hover:border-secondary transition-colors duration-300">
                         <i data-feather="upload-cloud" class="w-12 h-12 text-gray-500 mx-auto mb-4"></i>
+                        <p class="text-gray-400 mb-2" id="uploadText">Arraste o arquivo .apk ou clique para selecionar</p>
                         <p class="text-sm text-gray-500">Tamanho máximo: 100MB</p>
+                        <input type="file" class="hidden" id="appUpload" accept=".apk,.ipa">
+                        <button onclick="document.getElementById('appUpload').click()" class="bg-secondary hover:bg-orange-600 text-white px-4 py-2 rounded-lg mt-4">
                             Selecionar Arquivo
                         </button>
                     </div>
                 </div>
+<div class="flex justify-end gap-3">
                     <button onclick="closeTestModal()" class="px-4 py-2 text-gray-300 hover:text-white transition-colors">
                         Cancelar
                     </button>
             document.getElementById('testModal').classList.add('hidden');
             document.getElementById('testModal').classList.remove('flex');
         }
+        function updateEmulatorOptions() {
+            const platform = document.getElementById('platformSelect').value;
+            const emulatorSelect = document.getElementById('emulatorSelect');
+            const uploadText = document.getElementById('uploadText');
+            emulatorSelect.innerHTML = '';
+            if (platform === 'android') {
+                uploadText.textContent = 'Arraste o arquivo .apk ou clique para selecionar';
+                const androidOptions = [
+                    'Android 13 - Pixel 6 Pro',
+                    'Android 12 - Pixel 5',
+                    'Android 11 - Pixel 4',
+                    'Android 10 - Pixel 3'
+                ];
+                androidOptions.forEach(option => {
+                    const opt = document.createElement('option');
+                    opt.value = option;
+                    opt.textContent = option;
+                    emulatorSelect.appendChild(opt);
+                });
+            } else {
+                uploadText.textContent = 'Arraste o arquivo .ipa ou clique para selecionar';
+                const iosOptions = [
+                    'iOS 16 - iPhone 14 Pro',
+                    'iOS 15 - iPhone 13 Pro',
+                    'iOS 14 - iPhone 12 Pro',
+                    'iOS 13 - iPhone 11 Pro'
+                ];
+                iosOptions.forEach(option => {
+                    const opt = document.createElement('option');
+                    opt.value = option;
+                    opt.textContent = option;
+                    emulatorSelect.appendChild(opt);
+                });
+            }
+        }
+        // Atualizar opções de arquivo quando a plataforma mudar
+        document.getElementById('platformSelect').addEventListener('change', function() {
+            const platform = this.value;
+            const fileInput = document.getElementById('appUpload');
+            if (platform === 'android') {
+                fileInput.setAttribute('accept', '.apk');
+            } else {
+                fileInput.setAttribute('accept', '.ipa');
+            }
+        });
 </script>
 <script src="https://deepsite.hf.co/deepsite-badge.js"></script>
 </body>

script.js CHANGED Viewed

@@ -14,9 +14,8 @@ window.closeTestModal = function() {
 // Drag and drop para upload de arquivo
 document.addEventListener('DOMContentLoaded', function() {
     const dropZone = document.querySelector('[class*="border-dashed"]');
-    const fileInput = document.getElementById('apkUpload');
-    if (dropZone && fileInput) {
         ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
             dropZone.addEventListener(eventName, preventDefaults, false);
         });

 // Drag and drop para upload de arquivo
 document.addEventListener('DOMContentLoaded', function() {
     const dropZone = document.querySelector('[class*="border-dashed"]');
+    const fileInput = document.getElementById('appUpload');
+if (dropZone && fileInput) {
         ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
             dropZone.addEventListener(eventName, preventDefaults, false);
         });