¿Mis clientes pueden reservar sin descargar nada?

Sí. La agenda online funciona directo desde el navegador, en el celular o el computador — sin descargar ninguna app. Si más adelante quieres una app propia, también la desarrollamos.

¿Llegan recordatorios por WhatsApp a mis clientes?

Sí. El plan Agenda incluye recordatorios automáticos por WhatsApp antes de cada cita, lo que reduce las ausencias y cancelaciones de último minuto.

¿El precio es un pago único o se cobra mensualmente?

El desarrollo de tu web o app es pago único. Los planes de mantenimiento son suscripciones opcionales mensuales o anuales, cancelables en cualquier momento. El hosting está incluido el primer año.

¿Qué pasa si el resultado final no me convence?

Garantía de reembolso completo en 30 días si tras el lanzamiento el resultado no cumple lo acordado — sin preguntas ni trámites.

¿Cuánto tiempo tarda en estar listo mi proyecto?

Una web con agenda online se entrega en 7–20 días hábiles dependiendo del alcance. Las apps móviles personalizadas tienen plazos definidos en el diagnóstico inicial. Los plazos quedan acordados por contrato.

¿Necesito conocimientos técnicos para manejar mi sitio?

No. Incluye un panel de control intuitivo donde administras tu agenda, editas textos y subes fotos sin conocimientos técnicos. Incluimos capacitación post-lanzamiento.

¿Trabajan con clientes fuera de Santiago o fuera de Chile?

Sí. El 100% de los proyectos se coordina de forma remota. Tenemos clientes en distintas regiones de Chile y también en Argentina y México.

Sesión 2 · Paso 1

Playwright

0 de 6 misiones

Misión 1 · en curso

Tu primer test

Un test automatizado es una receta que el computador sigue solo: abre la página, mira la pantalla y dice “está bien” o “está mal”. Tú escribes la receta una vez y el robot la repite las veces que quieras, sin cansarse.

Tu tarea: Completa el test para que verifique que en la pantalla aparece el título “Iniciar sesión”.

Lo nuevo de esta misión

test('nombre', async ({ page }) => { … }): Un test con su nombre. page es la pestaña del navegador.
await page.goto(url): Abre esa dirección. await = “espera a que termine antes de seguir”.
page.getByRole('heading', { name: '…' }): Busca un título (heading) con ese texto.
await expect(…).toBeVisible(): Verifica que se vea en pantalla. Si no, el test falla.

tests/tienda.spec.ts Paso a paso

import { test, expect } from '@playwright/test';

test('la página de login abre', async ({ page }) => {
  await page.goto('https://www.causprosolutions.cl/fruteria-demo');

  // Escribe aquí la verificación del título "Iniciar sesión"
});

Atajo: Ctrl/⌘ + Enter ejecuta. Tu código se guarda solo.

Terminal · npx playwright test

$ npx playwright test
Aprieta “Ejecutar test” para ver el resultado aquí.

about:blankchromium

about:blank — cada test parte con un navegador nuevo y vacío. Tu test lo abre con page.goto(…).

Llévalo a tu computador

Los mismos tests, con Playwright de verdad

La tienda de la práctica está publicada en www.causprosolutions.cl/fruteria-demo. Todo lo que escribiste funciona igual en un proyecto real, y el test de la misión 5 también va a fallar allá: el bug es de la tienda, no del simulador.

1
Instala Node.js
Descarga la versión LTS desde nodejs.org e instálala. Para comprobar, abre una terminal y escribe:
```
node -v
```
2
Crea tu proyecto de Playwright
En una carpeta nueva ejecuta el instalador. Elige TypeScript, deja la carpeta tests y responde que no a GitHub Actions (eso viene en el paso 2).
```
npm init playwright@latest
```

Pega tus tests

Crea el archivo tests/tienda.spec.ts con tus misiones. Si no terminaste alguna, se usa la solución de referencia.

import { test, expect } from '@playwright/test';

test.describe('Misión 1 · Tu primer test', () => {
  test('la página de login abre', async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await expect(page.getByRole('heading', { name: 'Iniciar sesión' })).toBeVisible();
  });
});

test.describe('Misión 2 · Escribir y hacer clic', () => {
  test('iniciar sesión con datos correctos', async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await page.getByLabel('Correo').fill('ana@fruteria.test');
    await page.getByLabel('Contraseña').fill('fruta123');
    await page.getByRole('button', { name: 'Entrar' }).click();
    await expect(page.getByRole('heading', { name: 'Catálogo' })).toBeVisible();
  });
});

test.describe('Misión 3 · El caso negativo', () => {
  test('no deja entrar con contraseña incorrecta', async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await page.getByLabel('Correo').fill('ana@fruteria.test');
    await page.getByLabel('Contraseña').fill('clave-mala');
    await page.getByRole('button', { name: 'Entrar' }).click();

    await expect(page.getByText('Correo o contraseña incorrectos')).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Catálogo' })).not.toBeVisible();
  });
});

test.describe('Misión 4 · Cuando hay muchos iguales', () => {
  test('agregar una manzana al carrito', async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await page.getByLabel('Correo').fill('ana@fruteria.test');
    await page.getByLabel('Contraseña').fill('fruta123');
    await page.getByRole('button', { name: 'Entrar' }).click();

    const manzana = page.getByRole('listitem').filter({ hasText: 'Manzana Fuji' });
    await manzana.getByRole('button', { name: 'Agregar' }).click();
    await expect(page.getByTestId('carrito-cantidad')).toHaveText('1');
  });
});

test.describe('Misión 5 · Un test que encuentra un bug', () => {
  test('el total multiplica por la cantidad', async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await page.getByLabel('Correo').fill('ana@fruteria.test');
    await page.getByLabel('Contraseña').fill('fruta123');
    await page.getByRole('button', { name: 'Entrar' }).click();

    const manzana = page.getByRole('listitem').filter({ hasText: 'Manzana Fuji' });
    await manzana.getByRole('button', { name: 'Agregar' }).click();
    await manzana.getByRole('button', { name: 'Agregar' }).click();

    await expect(page.getByTestId('carrito-cantidad')).toHaveText('2');
    await expect(page.getByTestId('carrito-total')).toHaveText('$2.400');
  });
});

test.describe('Misión 6 · No repetirse: beforeEach', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('https://www.causprosolutions.cl/fruteria-demo');
    await page.getByLabel('Correo').fill('ana@fruteria.test');
    await page.getByLabel('Contraseña').fill('fruta123');
    await page.getByRole('button', { name: 'Entrar' }).click();
  });

  test('buscar una fruta que existe', async ({ page }) => {
    await page.getByRole('searchbox').fill('Plátano');
    await expect(page.getByRole('listitem')).toHaveCount(1);
  });

  test('buscar una fruta que no existe', async ({ page }) => {
    await page.getByRole('searchbox').fill('kiwi');
    await expect(page.getByText('No encontramos frutas')).toBeVisible();
  });
});

4
Míralos correr
El modo UI muestra cada paso, igual que aquí. Sin --ui corren en segundo plano y después abres el reporte.
```
npx playwright test --ui
npx playwright test
npx playwright show-report
```

Ya corrí mis tests en mi computador

Cargando...

Tu primer test

Tu tarea: Completa el test para que verifique que en la pantalla aparece el título “Iniciar sesión”.

import { test, expect } from '@playwright/test'; test('la página de login abre', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); // Escribe aquí la verificación del título "Iniciar sesión" });

import { test, expect } from '@playwright/test'; test.describe('Misión 1 · Tu primer test', () => { test('la página de login abre', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await expect(page.getByRole('heading', { name: 'Iniciar sesión' })).toBeVisible(); }); }); test.describe('Misión 2 · Escribir y hacer clic', () => { test('iniciar sesión con datos correctos', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await page.getByLabel('Correo').fill('ana@fruteria.test'); await page.getByLabel('Contraseña').fill('fruta123'); await page.getByRole('button', { name: 'Entrar' }).click(); await expect(page.getByRole('heading', { name: 'Catálogo' })).toBeVisible(); }); }); test.describe('Misión 3 · El caso negativo', () => { test('no deja entrar con contraseña incorrecta', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await page.getByLabel('Correo').fill('ana@fruteria.test'); await page.getByLabel('Contraseña').fill('clave-mala'); await page.getByRole('button', { name: 'Entrar' }).click(); await expect(page.getByText('Correo o contraseña incorrectos')).toBeVisible(); await expect(page.getByRole('heading', { name: 'Catálogo' })).not.toBeVisible(); }); }); test.describe('Misión 4 · Cuando hay muchos iguales', () => { test('agregar una manzana al carrito', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await page.getByLabel('Correo').fill('ana@fruteria.test'); await page.getByLabel('Contraseña').fill('fruta123'); await page.getByRole('button', { name: 'Entrar' }).click(); const manzana = page.getByRole('listitem').filter({ hasText: 'Manzana Fuji' }); await manzana.getByRole('button', { name: 'Agregar' }).click(); await expect(page.getByTestId('carrito-cantidad')).toHaveText('1'); }); }); test.describe('Misión 5 · Un test que encuentra un bug', () => { test('el total multiplica por la cantidad', async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await page.getByLabel('Correo').fill('ana@fruteria.test'); await page.getByLabel('Contraseña').fill('fruta123'); await page.getByRole('button', { name: 'Entrar' }).click(); const manzana = page.getByRole('listitem').filter({ hasText: 'Manzana Fuji' }); await manzana.getByRole('button', { name: 'Agregar' }).click(); await manzana.getByRole('button', { name: 'Agregar' }).click(); await expect(page.getByTestId('carrito-cantidad')).toHaveText('2'); await expect(page.getByTestId('carrito-total')).toHaveText('$2.400'); }); }); test.describe('Misión 6 · No repetirse: beforeEach', () => { test.beforeEach(async ({ page }) => { await page.goto('https://www.causprosolutions.cl/fruteria-demo'); await page.getByLabel('Correo').fill('ana@fruteria.test'); await page.getByLabel('Contraseña').fill('fruta123'); await page.getByRole('button', { name: 'Entrar' }).click(); }); test('buscar una fruta que existe', async ({ page }) => { await page.getByRole('searchbox').fill('Plátano'); await expect(page.getByRole('listitem')).toHaveCount(1); }); test('buscar una fruta que no existe', async ({ page }) => { await page.getByRole('searchbox').fill('kiwi'); await expect(page.getByText('No encontramos frutas')).toBeVisible(); }); });

Tu primer test

Los mismos tests, con Playwright de verdad

Instala Node.js

Crea tu proyecto de Playwright

Pega tus tests

Míralos correr

Tu primer test

Los mismos tests, con Playwright de verdad

Instala Node.js

Crea tu proyecto de Playwright

Pega tus tests

Míralos correr