Componentes comunes: MenuNavegacion, AccionesCrud y ComponentesTabla

const { MenuNavegacion } = require('./pages/common/menu-navegacion');

const menu = new MenuNavegacion(page);

const menu = new MenuNavegacion(page);
await menu.navegar(['Reteica', 'Archivos', 'Terceros']);
// Paso 1: abre el panel acordeón "Reteica"
// Paso 2: abre el sub-panel acordeón "Archivos" dentro de Reteica
// Paso 3: hace clic en el ítem hoja "Terceros" y espera networkidle

const { AccionesCrud } = require('./pages/common/acciones-crud');

const crud = new AccionesCrud(page);

const crud = new AccionesCrud(page);

// Crear un registro nuevo
await crud.agregar();
// ... llenar formulario ...
await crud.guardar();

// Editar el registro seleccionado en la tabla
await crud.editar();
// ... modificar campos ...
await crud.guardar();

// Eliminar con confirmación
await crud.eliminar();
await crud.aceptar();   // confirma el diálogo de eliminación

const { ComponentesTabla } = require('./pages/common/componentes-tabla');

const tabla = new ComponentesTabla(page);

await tabla.filtrar();
// El diálogo de filtro ya está visible; puedes interactuar con sus campos
await page.getByRole('dialog').getByRole('textbox', { name: 'Nit' }).fill('900516574');

const crud = new AccionesCrud(page);
const tabla = new ComponentesTabla(page);

// Filtrar la tabla por NIT
await tabla.filtrar();
await page.getByRole('dialog').getByRole('textbox', { name: 'Nit' }).fill('900516574');
await crud.aceptar();

// Seleccionar la fila encontrada y editar el registro
await tabla.seleccionarFila('900516574');
await crud.editar();

// Después de editar, refrescar la tabla
await crud.guardar();
await tabla.refrescar();