estructura_automation
Version:
Paquete de estructura de automation de paguetodo
559 lines (522 loc) • 26.2 kB
HTML
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Casos de Prueba - Paguetodo</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="styles/styles.css" rel="stylesheet">
</head>
<body>
<div class="logo-container">
<img src="styles/logo_paguetodo.png" alt="PagueTodo Logo" class="company-logo">
</div>
<div class="container">
<h1>Casos de Prueba - Paguetodo</h1>
<div class="fecha">Fecha de generación: 7/4/2025</div>
<div class="search-box">
<input type="text" id="searchInput" placeholder="Buscar por nombre o ID de caso...">
<button id="searchButton">Buscar</button>
</div>
<div id="content">
<!-- Vistas de módulos para la aplicación principal -->
<div id="loginv2-modules-view" class="modules-view">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<span>Loginv2</span>
</div>
<div class="grid-container">
<div class="card" onclick="showTestCases('loginv2', 'loginv2_login')">
<div class="card-header">Login</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<polyline points="22 4 12 14.01 9 11.01"></polyline>
</svg>
11 casos de prueba
</div>
</div>
</div>
<div class="card" onclick="showTestCases('loginv2', 'loginv2_nuevo-usuario')">
<div class="card-header">Nuevo usuario</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<polyline points="22 4 12 14.01 9 11.01"></polyline>
</svg>
0 casos de prueba
</div>
</div>
</div>
</div>
</div>
<div id="loginv2_login-testcases-view" class="testcases-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<span>Login</span>
</div>
<div class="grid-container">
<div class="card test-case-card" data-id="loginv2_login_tc_1_1" data-name="Iniciar sesión con Email y contraseña" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_1')">
<div class="card-header">Iniciar sesión con Email y contraseña</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
4 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_1</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_2" data-name="Iniciar sesión con RIF/Cédula y contraseña" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_2')">
<div class="card-header">Iniciar sesión con RIF/Cédula y contraseña</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
4 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_2</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_3" data-name="Iniciar sesión con Email y contraseña incorrectos" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_3')">
<div class="card-header">Iniciar sesión con Email y contraseña incorrectos</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
4 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_3</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_4" data-name="Dejar el campo de Email en vacio" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_4')">
<div class="card-header">Dejar el campo de Email en vacio</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
4 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_4</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_5" data-name="Dejar el campo de contraseña en vacio" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_5')">
<div class="card-header">Dejar el campo de contraseña en vacio</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
4 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_5</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_6" data-name="Presionar el botón de "Ingresar" sin llenar los campos" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_6')">
<div class="card-header">Presionar el botón de "Ingresar" sin llenar los campos</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
3 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_6</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_7" data-name="Presionar el botón de "el switch de iniciar con RIF/Cédula"" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_7')">
<div class="card-header">Presionar el botón de "el switch de iniciar con RIF/Cédula"</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
3 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_7</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_8" data-name="Llenar el campo de RIF/Cédula" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_8')">
<div class="card-header">Llenar el campo de RIF/Cédula</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
3 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_8</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_9" data-name="Llenar el campo de RIF/Cédula con caracteres no válidos" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_9')">
<div class="card-header">Llenar el campo de RIF/Cédula con caracteres no válidos</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
3 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_9</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_10" data-name="Dejar el campo de RIF/Cédula en vacio" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_10')">
<div class="card-header">Dejar el campo de RIF/Cédula en vacio</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
5 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_10</div>
</div>
</div>
<div class="card test-case-card" data-id="loginv2_login_tc_1_11" data-name="Dejar el campo de contraseña en vacio" onclick="showSteps('loginv2_login', 'loginv2_login_tc_1_11')">
<div class="card-header">Dejar el campo de contraseña en vacio</div>
<div class="card-content">
<div class="count-badge">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg>
5 pasos
</div>
<div class="test-id-badge">ID: loginv2_login_tc_1_11</div>
</div>
</div>
</div>
</div>
<div id="loginv2_login_tc_1_1-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Iniciar sesión con Email y contraseña</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Iniciar sesión con Email y contraseña</span>
<span class="test-case-id">ID: loginv2_login_tc_1_1</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">Llenar el formulario con Email y contraseña</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo poder iniciar sesión y ver el texto "Opciones disponibles"</div>
</div>
</div>
<div id="loginv2_login_tc_1_2-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Iniciar sesión con RIF/Cédula y contraseña</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Iniciar sesión con RIF/Cédula y contraseña</span>
<span class="test-case-id">ID: loginv2_login_tc_1_2</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">Llenar el formulario con RIF/Cédula y contraseña</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo poder iniciar sesión y ver el texto "Opciones disponibles"</div>
</div>
</div>
<div id="loginv2_login_tc_1_3-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Iniciar sesión con Email y contraseña incorrectos</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Iniciar sesión con Email y contraseña incorrectos</span>
<span class="test-case-id">ID: loginv2_login_tc_1_3</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">Llenar el formulario con Email y contraseña incorrectos</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Usuario y/o contraseña incorrectos"</div>
</div>
</div>
<div id="loginv2_login_tc_1_4-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Dejar el campo de Email en vacio</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Dejar el campo de Email en vacio</span>
<span class="test-case-id">ID: loginv2_login_tc_1_4</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">dejar el campo de Email en vacio</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar el correo electrónico"</div>
</div>
</div>
<div id="loginv2_login_tc_1_5-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Dejar el campo de contraseña en vacio</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Dejar el campo de contraseña en vacio</span>
<span class="test-case-id">ID: loginv2_login_tc_1_5</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">dejar el campo de contraseña en vacio</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar la contraseña"</div>
</div>
</div>
<div id="loginv2_login_tc_1_6-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Presionar el botón de "Ingresar" sin llenar los campos</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Presionar el botón de "Ingresar" sin llenar los campos</span>
<span class="test-case-id">ID: loginv2_login_tc_1_6</span>
</div>
<div class="step-item">En la página de inicio de sesión</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar el correo electrónico"</div>
</div>
</div>
<div id="loginv2_login_tc_1_7-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Presionar el botón de "el switch de iniciar con RIF/Cédula"</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Presionar el botón de "el switch de iniciar con RIF/Cédula"</span>
<span class="test-case-id">ID: loginv2_login_tc_1_7</span>
</div>
<div class="step-item">En la página de inicio de sesión debe estar visible el botón de "el switch de iniciar con RIF/Cédula"</div>
<div class="step-item">Hacer click en el botón de "el switch de iniciar con RIF/Cédula"</div>
<div class="step-item">el switch "Debe cambiar a iniciar sesión con correo"</div>
</div>
</div>
<div id="loginv2_login_tc_1_8-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Llenar el campo de RIF/Cédula</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Llenar el campo de RIF/Cédula</span>
<span class="test-case-id">ID: loginv2_login_tc_1_8</span>
</div>
<div class="step-item">En la página de inicio de sesión con RIF/Cédula</div>
<div class="step-item">Llenar el campo de RIF/Cédula</div>
<div class="step-item">Debe permitir solo números</div>
</div>
</div>
<div id="loginv2_login_tc_1_9-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Llenar el campo de RIF/Cédula con caracteres no válidos</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Llenar el campo de RIF/Cédula con caracteres no válidos</span>
<span class="test-case-id">ID: loginv2_login_tc_1_9</span>
</div>
<div class="step-item">En la página de inicio de sesión con RIF/Cédula</div>
<div class="step-item">Tratar de llenar el campo de RIF/Cédula con letras</div>
<div class="step-item">Debe permitir solo números</div>
</div>
</div>
<div id="loginv2_login_tc_1_10-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Dejar el campo de RIF/Cédula en vacio</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Dejar el campo de RIF/Cédula en vacio</span>
<span class="test-case-id">ID: loginv2_login_tc_1_10</span>
</div>
<div class="step-item">En la página de inicio de sesión con RIF/Cédula</div>
<div class="step-item">dejar el campo de RIF/Cédula en vacio</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar el RIF/Cédula"</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar el número de documento"</div>
</div>
</div>
<div id="loginv2_login_tc_1_11-steps-view" class="steps-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<a href="#" onclick="showTestCases('loginv2', 'loginv2_login'); return false;">Login</a>
<span class="separator">/</span>
<span>Dejar el campo de contraseña en vacio</span>
</div>
<div class="test-steps-container">
<div class="test-steps-header">
<span>Dejar el campo de contraseña en vacio</span>
<span class="test-case-id">ID: loginv2_login_tc_1_11</span>
</div>
<div class="step-item">En la página de inicio de sesión con RIF/Cédula</div>
<div class="step-item">dejar el campo de contraseña en vacio</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar la contraseña"</div>
<div class="step-item">Hacer click en el botón "Ingresar"</div>
<div class="step-item">Debo ver el mensaje de "Debe ingresar la contraseña"</div>
</div>
</div>
<div id="loginv2_nuevo-usuario-testcases-view" class="testcases-view hidden">
<div class="breadcrumbs">
<a href="http://127.0.0.1:5501/report/matrizPrueba.html">Aplicaciones</a>
<span class="separator">/</span>
<a href="#" onclick="showModules('loginv2'); return false;">Loginv2</a>
<span class="separator">/</span>
<span>Nuevo usuario</span>
</div>
<div class="grid-container">
</div>
</div>
</div>
</div>
<script>
// Funciones de navegación
const showModules = (appId) => {
// Ocultar todas las vistas
hideAllViews();
// Mostrar la vista de módulos para esta aplicación
document.getElementById(appId + '-modules-view').classList.remove('hidden');
}
const showTestCases = (appId, moduleId) => {
// Ocultar todas las vistas
hideAllViews();
// Mostrar la vista de casos de prueba para este módulo
document.getElementById(moduleId + '-testcases-view').classList.remove('hidden');
}
const showSteps = (moduleId, testCaseId) => {
// Ocultar todas las vistas
hideAllViews();
// Mostrar la vista de pasos para este caso de prueba
document.getElementById(testCaseId + '-steps-view').classList.remove('hidden');
}
const hideAllViews = () => {
// Ocultar vistas de módulos
const moduleViews = document.querySelectorAll('.modules-view');
moduleViews.forEach(view => view.classList.add('hidden'));
// Ocultar vistas de casos de prueba
const testCaseViews = document.querySelectorAll('.testcases-view');
testCaseViews.forEach(view => view.classList.add('hidden'));
// Ocultar vistas de pasos
const stepViews = document.querySelectorAll('.steps-view');
stepViews.forEach(view => view.classList.add('hidden'));
}
// Funcionalidad de búsqueda
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.getElementById('searchInput');
const searchButton = document.getElementById('searchButton');
const searchTestCases = () => {
const searchTerm = searchInput.value.toLowerCase();
if (!searchTerm) return;
const testCards = document.querySelectorAll('.test-case-card');
let found = false;
testCards.forEach(card => {
card.classList.remove('highlight');
const cardName = card.getAttribute('data-name').toLowerCase();
const cardId = card.getAttribute('data-id').toLowerCase();
if (cardName.includes(searchTerm) || cardId.includes(searchTerm)) {
const moduleId = cardId.split('_tc_')[0];
const appId = moduleId.split('_')[0];
// Mostrar la vista de casos de prueba
showTestCases(appId, moduleId);
// Resaltar la tarjeta encontrada
card.classList.add('highlight');
card.scrollIntoView({ behavior: 'smooth', block: 'center' });
found = true;
}
});
if (!found) {
alert('No se encontraron casos de prueba que coincidan con la búsqueda.');
}
}
searchButton.addEventListener('click', searchTestCases);
searchInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
searchTestCases();
}
});
// Mostrar la vista de módulos al cargar la página
showModules('loginv2');
});
</script>
</body>
</html>