<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Automation Status Report</title> <link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/extent-framework/extent-github-cdn@3da944e596e81f10ac6c1042c792af8a5a741023/commons/img/logo.png"> <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/extent-framework/extent-github-cdn@3da944e596e81f10ac6c1042c792af8a5a741023/commons/img/logo.png"> <link href="https://cdn.jsdelivr.net/gh/extent-framework/extent-github-cdn@8539670db814bf19a0ddbe9a6d19058aea0cf981/spark/css/spark-style.css" rel="stylesheet" /> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> </style> </head> <script src="https://cdn.rawgit.com/extent-framework/extent-github-cdn/7cc78ce/spark/js/jsontree.js"></script> <body class="spa bdd-report standard"> <div class="app header-dark side-nav-folded"> <div class="layout"> <div class="header navbar"> <div class="header-container"> <div class="nav-logo"> <a href="index.html"> <div class="logo logo-dark" style="background-image: url('https://cdn.rawgit.com/extent-framework/extent-github-cdn/d74480e/commons/img/logo.png')"></div> <div class="logo logo-white" style="background-image: url('https://cdn.rawgit.com/extent-framework/extent-github-cdn/d74480e/commons/img/logo.png')"></div> </a> </div> <ul class="nav-left"> <li> <a class="sidenav-fold-toggler" href="javascript:void(0);"> <i class="fa fa-bars"></i> </a> <a class="sidenav-expand-toggler" href="javascript:void(0);"> <i class="fa fa-bars"></i> </a> </li> <li class="search-box"> <a class="search-toggle" href="javascript:void(0);"> <i class="search-icon fa fa-search"></i> <i class="search-icon-close fa fa-close"></i> </a> </li> <li class="search-input"> <input id="search-tests" class="form-control" type="text" placeholder="Type to search..."> </li> </ul> <ul class="nav-right"> <li class="m-r-10"> <a href="#"> <span class="badge badge-primary">Automation Status Report</span> </a> </li> <li class="m-r-10"> <a href="#"> <span class="badge badge-primary">10/3/2024 20:15:00</span> </a> </li> </ul> </div> </div> <div class="side-nav side-nav-folded"> <div class="side-nav-inner"> <ul class="side-nav-menu scrollable"> <li class="nav-item dropdown" onclick="toggleView('test-view')"> <a id="nav-test" class="dropdown-toggle" href="index.html"> <span class="icon-holder"> <i class="fa fa-align-left"></i> </span> <span class="title">Tests</span> </a> </li> <li class="nav-item dropdown" onclick="toggleView('dashboard-view')"> <a id="nav-dashboard" class="dropdown-toggle" href="dashboard.html"> <span class="icon-holder"> <i class="fa fa-bar-chart"></i> </span> <span class="title">Dashboard</span> </a> </li> </ul> </div> <div class="side-nav-controls"> <ul> <li> <a href="#" class="lightsout" style="color:#8a8a8a;"> <i class="fa fa-desktop"></i>"</a> </li> </ul> </div> </div> <div class="page-container"> <div class="main-content"> <div class="test-wrapper row test-view"> <div class="test-list"> <div class="test-list-tools"> <ul class="tools pull-left"> <li> <a href=""> <span class="font-size-14">Tests</span> </a> </li> </ul> <ul class="tools text-right"> <li class="user-profile dropdown dropdown-animated scale-left"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-exclamation-circle"></i> </a> <ul id="status-toggle" class="dropdown-menu dropdown-md p-v-0"> <a status="pass" class="dropdown-item" href="#"><span>Pass</span><span class="status success pull-right"></span></a> <div class="dropdown-divider"></div> <a status="clear" class="dropdown-item" href="#"><span>Clear</span><span class="pull-right"><i class="fa fa-close"></i></span></a> </ul> </li> </ul> </div> <div class="test-list-wrapper scrollable"> <ul class="test-list-item"> <li class="test-item" status="pass" author="" device="" tag="" test-id="1"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">CarroDeCompras</p> <p class="duration text-sm">0h:0m:11s+255ms</p> <span class="datetime">20:15:00 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">CarroDeCompras</h5> <span class='badge badge-success'>10/3/2024 20:15:00</span> <span class='badge badge-danger'>10/3/2024 20:15:12</span> <span class='badge badge-default'>0h:0m:11s+255ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar el carro de compras</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When agrego un Samsung galaxy s6 al carrito</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When agrego un Iphone 6 32gb al carrito</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then el carrito deberia mostrar la cantidad de productos agregados y el monto correcto</span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="7"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">Comprar</p> <p class="duration text-sm">0h:0m:12s+934ms</p> <span class="datetime">20:15:12 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">Comprar</h5> <span class='badge badge-success'>10/3/2024 20:15:12</span> <span class='badge badge-danger'>10/3/2024 20:15:25</span> <span class='badge badge-default'>0h:0m:12s+934ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Realizar una compra</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When agrego un Samsung galaxy s6 al carrito</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When realizo la compra</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia visualizar un mensaje de confirmacion</span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="13"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">Iniciar Sesion</p> <p class="duration text-sm">0h:0m:12s+466ms</p> <span class="datetime">20:15:25 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">Iniciar Sesion</h5> <span class='badge badge-success'>10/3/2024 20:15:25</span> <span class='badge badge-danger'>10/3/2024 20:15:38</span> <span class='badge badge-default'>0h:0m:12s+466ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Iniciar sesión con credenciales invalidas en el sitio</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Log</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When ingreso mis credenciales <username> <password></span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When presiono el botón de iniciar sesión</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia visualizar un alert con el mensaje Wrong password.</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Iniciar sesión con credenciales validas en el sitio</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Log</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When ingreso mis credenciales <username> <password></span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When presiono el botón de iniciar sesión</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then debería ser redirigido a la home con el usuario autenticado como <username></span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="26"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">Navegar por todas las secciones</p> <p class="duration text-sm">0h:0m:30s+237ms</p> <span class="datetime">20:15:38 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">Navegar por todas las secciones</h5> <span class='badge badge-success'>10/3/2024 20:15:38</span> <span class='badge badge-danger'>10/3/2024 20:16:08</span> <span class='badge badge-default'>0h:0m:30s+237ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Home</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion https://www.demoblaze.com/index.html</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Cart</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion https://www.demoblaze.com/cart.html</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion About</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion //div[@id='videoModal']//div[@class='modal-header']//h5[text()='About us']</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Contact</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion //h5[@id='exampleModalLabel']</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Log</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion //div[@id='logInModal']//h5[@id='logInModalLabel']</span> </div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar enlaces de secciones</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Sign</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia acceder a cada seccion //h5[@id='signInModalLabel']</span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="51"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">Verificar disponiblidad del catologo</p> <p class="duration text-sm">0h:0m:11s+524ms</p> <span class="datetime">20:16:08 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">Verificar disponiblidad del catologo</h5> <span class='badge badge-success'>10/3/2024 20:16:08</span> <span class='badge badge-danger'>10/3/2024 20:16:20</span> <span class='badge badge-default'>0h:0m:11s+524ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar disponibilidad del catologo</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When visualizo todos los productos del sitio</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberian mostrarse todos los esperados</span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="56"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">Verificar el formulario de contacto</p> <p class="duration text-sm">0h:0m:7s+635ms</p> <span class="datetime">20:16:20 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">Verificar el formulario de contacto</h5> <span class='badge badge-success'>10/3/2024 20:16:20</span> <span class='badge badge-danger'>10/3/2024 20:16:28</span> <span class='badge badge-default'>0h:0m:7s+635ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar que el formulario de contacto está funcionando correctamente</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When navego a la seccion Contact</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When envio el formulario completo</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then deberia volver a la pagina principal</span> </div> </div> </div> </div> </div> </div> </li> <li class="test-item" status="pass" author="" device="" tag="" test-id="62"> <div class="status-avatar pass-bg"> <i class="fa fa-check text-white"></i> </div> <div class="open-test"> <div class="test-detail"> <p class="name">VerificarTodosLosPreciosMayorACero</p> <p class="duration text-sm">0h:0m:11s+543ms</p> <span class="datetime">20:16:28 p. m.</span> </div> </div> <div class="test-contents d-none"> <div class="detail-head"> <div class="p-v-10 d-inline-block"> <div class="info"> <h5 class="test-status text-pass">VerificarTodosLosPreciosMayorACero</h5> <span class='badge badge-success'>10/3/2024 20:16:28</span> <span class='badge badge-danger'>10/3/2024 20:16:40</span> <span class='badge badge-default'>0h:0m:11s+543ms</span> </div> </div> </div> <div class="accordion mt-4"> <div class="card"> <div class="card-header" role="tab"> <div class="card-title pl-3"> <div class="node">Scenario: Verificar que los precios sean mayores a 0</div> <div class="status-avatar float-left pass-bg"> <i class="fa fa-check text-white"></i> </div> </div> </div> <div class="collapse"> <div class="card-body"> <div class="d-flex align-items-center justify-content-start given" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Given que estoy en la pagina https://www.demoblaze.com</span> </div> <div class="d-flex align-items-center justify-content-start when" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>When visualizo todos los productos del sitio</span> </div> <div class="d-flex align-items-center justify-content-start then" title=""> <span class="alert-icon pass-bg"> <i class="fa fa-check text-white"></i> </span> <span>Then todos los precios de los productos deberian ser mayor a 0</span> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="test-content scrollable"> <div class="test-content-tools"> <ul> <li> <a class="back-to-test" href="javascript:void(0)"> <i class="fa fa-arrow-left"></i> </a> </li> </ul> </div> <div class="test-content-detail"> <div class="detail-body"></div> </div> </div> </div> <div class="container-fluid p-4 dashboard-view"> <div class="row"> <div class="col-sm-12 col-md-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Features</h6> </div> <div class="card-body"> <div class=""> <canvas id='parent-analysis' width='115' height='90'></canvas> </div> </div> <div class="card-footer"> <div><small data-tooltip='100%'> <b>7</b> features passed </small></div> <div> <small data-tooltip='0%'><b>0</b> features failed, <b data-tooltip='0%'>0</b> others </small> </div> </div> </div> </div> <div class="col-sm-12 col-md-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Scenarios</h6> </div> <div class="card-body"> <div class=""> <canvas id='child-analysis' width='115' height='90'></canvas> </div> </div> <div class="card-footer"> <div><small data-tooltip='100%'><b>13</b> scenarios passed</small></div> <div> <small data-tooltip='0%'><b>0</b> scenarios failed, <b data-tooltip='0%'>0</b> others </small> </div> </div> </div> </div> <div class="col-sm-12 col-md-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Steps</h6> </div> <div class="card-body"> <div class=""> <canvas id='grandchild-analysis' width='115' height='90'></canvas> </div> </div> <div class="card-footer"> <div><small data-tooltip='100%'><b>46</b> steps passed</small></div> <div> <small data-tooltip='0%'><b>0</b> steps failed, <b data-tooltip='0%'>0</b> others </small> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="card"> <div class="card-body box-height-150"> <div class="media justify-content-between"> <div> <h6 class="card-title">Features</h6> <h2 class="font-size-28 font-weight-light">7</h2> <span class="text-semibold text-success font-size-15"> <i class="ti-arrow-up font-size-11"></i> <span>100%</span> </span> </div> <div class="align-self-end"> <i class="fa fa-align-left font-size-70 opacity-01"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card"> <div class="card-body box-height-150"> <div class="media justify-content-between"> <div> <h6 class="card-title">Scenarios</h6> <h2 class="font-size-28 font-weight-light">13</h2> <span class="text-semibold text-success font-size-15"> <i class="ti-arrow-up font-size-11"></i> <span>100%</span> </span> </div> <div class="align-self-end"> <i class="fa fa-align-left font-size-70 opacity-01"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card"> <div class="card-body box-height-150"> <div class="media justify-content-between"> <div> <h6 class="card-title">Start</h6> <h6 class="font-weight-light">10/3/2024 20:15:00</h6> <span class="text-semibold text-success font-size-15"> </div> <div class="align-self-end"> <i class="fa fa-clock-o font-size-70 text-success opacity-01"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card"> <div class="card-body box-height-150"> <div class="media justify-content-between"> <div> <h6 class="card-title">Duration</h6> <h6 class="font-weight-light">00:02:15.1658258</h6> <span class="text-semibold text-danger font-size-15"> </div> <div class="align-self-end"> <i class="fa fa-clock-o font-size-70 text-danger opacity-01"></i> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Environment</h6> </div> <div class="table-overflow"> <table class="table table-sm"> <thead> <tr class="bg-gray"> <th>Name</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>Author</td> <td>Martin Gerez</td> </tr> <tr> <td>Application</td> <td>Automation DemoBlaze</td> </tr> <tr> <td>Browser</td> <td>Chrome</td> </tr> <tr> <td>OS</td> <td>Windows 10</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <script> var statusGroup = { parentCount: 7, passParent: 7, failParent: 0, fatalParent: 0, errorParent: 0, warningParent: 0, skipParent: 0, exceptionsParent: 0, childCount: 13, passChild: 13, failChild: 0, fatalChild: 0, errorChild: 0, warningChild: 0, skipChild: 0, infoChild: 0, debugChild: 0, exceptionsChild: 0, grandChildCount: 46, passGrandChild: 46, failGrandChild: 0, fatalGrandChild: 0, errorGrandChild: 0, warningGrandChild: 0, skipGrandChild: 0, infoGrandChild: 0, debugGrandChild: 0, exceptionsGrandChild: 0, }; </script> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/gh/extent-framework/extent-github-cdn@cc89904c1a12065be1d08fc4994a258ef01b12bd/spark/js/scripts.js"></script> <script type='text/javascript'> </script> </body> </html>