@mirai/core 0.3.379 → 0.3.380

package/__tests__/Checkout/__mocks__/checkout-post-PAYLATER.json

@@ -0,0 +1,10 @@
+{
+  "status": "OK",
+  "message": "",
+  "data": {
+    "reservationCode": 24080695174,
+    "code": "DE4559C6211BBC306FB3790F8A1446B17D95A405",
+    "languageCode": "en",
+    "outsideHotelDomain": false
+  }
+}

package/__tests__/Checkout/__mocks__/checkout-post-TPV.json

@@ -0,0 +1,7 @@
+{
+  "status": "OK",
+  "message": "",
+  "data": {
+    "tpvNumOrder": "1"
+  }
+}

package/__tests__/Checkout/__mocks__/checkout-post-TRANSFER.json

@@ -0,0 +1,10 @@
+{
+  "status": "OK",
+  "message": "",
+  "data": {
+    "reservationCode": 24080695174,
+    "code": "DE4559C6211BBC306FB3790F8A1446B17D95A405",
+    "languageCode": "en",
+    "outsideHotelDomain": false
+  }
+}

package/__tests__/Checkout/checkout.constants.js

@@ -0,0 +1,8 @@
+const PAGE_URL = 'http://local.mirai.com:8080/step2-checkout';
+
+const URL_PARAMS = {
+  DEFAULT:
+    '?checkin=10%2F04%2F2025&idtokenprovider=100379008&clientCode=&currency=EUR&hsri=02040&lang=en&nights=2&parties=W3siYWR1bHRzIjoyLCJjaGlsZHJlbiI6W119XQ%3D%3D&type=hotel&env=dev&step=1&home=http%3A%2F%2Flocal.mirai.com%3A8080%2F&device=DESKTOP_TABLET&applyClubDiscount=true&extras=%5B%7B%22idExtra%22%3A64953%2C%22included%22%3Afalse%2C%22nightsToApply%22%3A2%2C%22numSelected%22%3A1%7D%2C%7B%22idExtra%22%3A65346%2C%22included%22%3Afalse%2C%22nightsToApply%22%3A2%2C%22numSelected%22%3A1%7D%2C%7B%22idExtra%22%3A65347%2C%22included%22%3Afalse%2C%22nightsToApply%22%3A2%2C%22numSelected%22%3A1%7D%5D&offersAppliedBySelectedRoom=%5B%7B%22idRR%22%3A%2244948%7C63971%7C349217b0%7C35770%22%2C%22offersApplied%22%3A%22%22%7D%5D&roomNumberBySelectedRoom=%5B%5D&rooms=44948%7C63971%7C349217b0%7C35770%3A1&totalPrice=20130',
+};
+
+export { PAGE_URL, URL_PARAMS };

package/__tests__/Checkout/checkout.spec.jsx

@@ -0,0 +1,40 @@
+import { test } from '@playwright/test';
+
+import { PAGE_URL, URL_PARAMS } from './checkout.constants';
+import { form, payment, review, submit } from './workflows';
+
+const PAYMENTS = ['PAYLATER', 'TPV', 'TRANSFER'];
+
+test.beforeEach(async ({ context }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+});
+
+const enviroment = async ({ page, payment }) => {
+  await page.route(/https:\/\/reservation\.mirai\.com\/XMAS\/reservation\/v2\/booking\/checkout(\?.*)?$/, (route) => {
+    const method = route.request().method().toLowerCase();
+
+    route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify(require(`./__mocks__/checkout-${method}${method === 'post' ? `-${payment}` : ''}.json`)),
+    });
+  });
+
+  await page.goto(`${PAGE_URL}${URL_PARAMS.DEFAULT}`, { waitUntil: 'networkidle', timeout: 10000 });
+};
+
+PAYMENTS.forEach((paymentId) => {
+  test(`Checkout w/ ${paymentId}`, async ({ page }) => {
+    await enviroment({ page, payment: paymentId });
+
+    await form({ page });
+    await payment({ page, payment: paymentId });
+    await submit({ page, payment: paymentId });
+  });
+});
+
+test(`Review & return to previous step`, async ({ page }) => {
+  await enviroment({ page });
+
+  await review({ page });
+});

package/__tests__/Checkout/workflows/form.workflow.js

@@ -0,0 +1,17 @@
+import { USER } from '../../constants';
+
+export const form = async ({ page }) => {
+  await page.fill('ui-checkout form input[name="firstName"]', USER.firstName);
+  await page.fill('ui-checkout form input[name="lastName"]', USER.lastName);
+  await page.fill('ui-checkout form input[name="email"]', USER.email);
+  await page.locator('ui-checkout form select[name="phone-prefix"]').selectOption(USER.phone.prefix);
+  await page.fill('ui-checkout form input[name="phone-phone"]', USER.phone.number);
+  await page.fill('ui-checkout form textarea[name="comments"]', 'Will arrive between 1-2pm');
+  // additional request
+  await page.fill('ui-checkout form input[name="additionalRequest.34486.nameKey"]', 'additionalRequest.34486');
+
+  // User submits but forgots privacy policy
+  await page.getByTestId('checkout-button').click();
+  await page.waitForSelector('ui-notification', { state: 'visible' });
+  await page.locator('ui-checkout form input[name="privacyPolicy"]').check();
+};

package/__tests__/Checkout/workflows/index.js

@@ -0,0 +1,4 @@
+export * from './form.workflow';
+export * from './payment.workflow';
+export * from './review.workflow';
+export * from './submit.workflow';

package/__tests__/Checkout/workflows/payment.workflow.js

@@ -0,0 +1,10 @@
+import { USER } from '../../constants';
+
+export const payment = async ({ page, payment = 'PAYLATER' }) => {
+  await page.getByTestId(`payments-item-${payment}`).click();
+
+  if (payment === 'TPV') {
+    // ! TODO: Sometimes doesnt exist
+    await page.fill('ui-payment input[name="name"]', `${USER.firstName} ${USER.lastName}`.toUpperCase());
+  }
+};

package/__tests__/Checkout/workflows/review.workflow.js

@@ -0,0 +1,19 @@
+const { expect } = require('@playwright/test');
+
+export const review = async ({ page }) => {
+  // Expand more info
+  expect(await page.locator('text="Booking extras"').count()).toEqual(0);
+  await page.getByTestId('button-more').click();
+  await page.locator('text="Booking extras"').isVisible();
+
+  // Change language
+  const [responseError] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/dictionary?locale=es-ES') && !!response.status()),
+    page.locator('select[name="locale"]').selectOption('Español'),
+  ]);
+  expect(responseError.status()).toBe(200);
+
+  // Return
+  await page.getByTestId('action-change-selection').click();
+  await page.waitForURL(/\/step1-rates/, { waitUntil: 'networkidle', timeout: 10000 });
+};

package/__tests__/Checkout/workflows/submit.workflow.js

@@ -0,0 +1,9 @@
+export const submit = async ({ page, payment = 'PAYLATER' }) => {
+  await page.getByTestId('checkout-button').click();
+
+  if (['PAYMENT', 'TRANSFER'].includes(payment)) {
+    await page.waitForURL(/\/step3-booking/, { waitUntil: 'networkidle', timeout: 10000 });
+  } else if (payment === 'TPV') {
+    await page.waitForURL(/\/redirectToTPV/, { waitUntil: 'networkidle', timeout: 10000 });
+  }
+};

package/__tests__/Finder/finder.spec.js

@@ -0,0 +1,64 @@
+import { expect, test } from '@playwright/test';
+
+import { calendar, occupation, promocode } from './workflows';
+
+const testId = 'finder';
+
+test.beforeEach(async ({ context, page }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+  await page.goto('http://local.mirai.com:8080', { waitUntil: 'networkidle', timeout: 20000 });
+});
+
+test('Finder basic search', async ({ page }) => {
+  await calendar({ page, testId });
+  await page.getByTestId(`${testId}-submit`).click();
+
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 15000 });
+});
+
+test('Finder search with adult added', async ({ isMobile, page }) => {
+  await calendar({ isMobile, page, testId });
+  await occupation({ addAdult: true, isMobile, page, testId });
+
+  await page.getByTestId(`${testId}-submit`).click();
+
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 15000 });
+});
+
+test('Finder search with child added', async ({ isMobile, page }) => {
+  await calendar({ isMobile, page, testId });
+  await occupation({ addChild: true, isMobile, page, testId });
+
+  await page.getByTestId(`${testId}-submit`).click();
+
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 15000 });
+});
+
+test('Finder search with child added and not age', async ({ isMobile, page }) => {
+  await calendar({ isMobile, page, testId });
+  await occupation({ addAgeChild: false, addChild: true, isMobile, page, testId });
+
+  await page.getByTestId(`${testId}-submit`).click();
+
+  if (isMobile) await expect(page.getByTestId(`${testId}-occupation-field-modal`)).toBeVisible();
+  else await expect(page.getByTestId(`${testId}-occupation`)).toBeVisible();
+});
+
+test('Finder search with promocode', async ({ isMobile, page }) => {
+  await calendar({ isMobile, page, testId });
+  await promocode({ isMobile, page, testId });
+
+  await page.getByTestId(`${testId}-submit`).click();
+
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 15000 });
+});
+
+test('Finder search with adult added and promocode', async ({ isMobile, page }) => {
+  await calendar({ isMobile, page, testId });
+  await occupation({ addAdult: true, isMobile, page, testId });
+  await promocode({ isMobile, page, testId });
+
+  await page.getByTestId(`${testId}-submit`).click();
+
+  await expect(page).toHaveURL(/.step1-rates/, { timeout: 20000 });
+});

package/__tests__/Finder/workflows/calendar.workflow.js

@@ -0,0 +1,9 @@
+import { getWeekNumber } from '../../helpers';
+
+export const calendar = async ({ page, testId }) => {
+  const week = getWeekNumber(new Date()) + 1;
+
+  await page.getByTestId(`${testId}-calendar-field`).click();
+  await page.getByTestId(`${testId}-calendar-2024-${week}-0`).click();
+  await page.getByTestId(`${testId}-calendar-2024-${week}-5`).click();
+};

package/__tests__/Finder/workflows/index.js

@@ -0,0 +1,3 @@
+export * from './calendar.workflow';
+export * from './occupation.workflow';
+export * from './promocode.workflow';

package/__tests__/Finder/workflows/occupation.workflow.js

@@ -0,0 +1,13 @@
+export const occupation = async ({ addAdult, addAgeChild = true, addChild, isMobile, page, testId }) => {
+  await page.getByTestId(`${testId}-occupation-field`).click();
+  if (addAdult) {
+    await page.getByTestId('group-0-button-max').click();
+  }
+  if (addChild) {
+    await page.getByTestId('group-1-button-max').click();
+    addAgeChild && (await page.getByTestId('group-1-select-0').selectOption('1'));
+  }
+  if (isMobile) {
+    await page.getByTestId(`${testId}-occupation-field-modal-button-close`).click();
+  }
+};

package/__tests__/Finder/workflows/promocode.workflow.js

@@ -0,0 +1,8 @@
+export const promocode = async ({ isMobile, page, testId }) => {
+  await page.getByTestId(`${testId}-promocode`).click();
+  await page.getByTestId('finder-promocode-input').fill('test');
+
+  if (isMobile) {
+    await page.getByTestId(`${testId}-promocode-modal-button-close`).click();
+  }
+};