@mirai/core 0.3.381 → 0.3.383

package/README.md

@@ -255,6 +255,30 @@ We can also bind the elements of the session. Example:
 
 @todo
 
+## 2.13 `<ButtonFinder>`
+
+This component is designed to encapsulate the finder component within a modal, which becomes visible when the button is pressed. This component is useful for situations where you want to present a search interface discreetly, without taking up space in the main interface until needed.
+
+```html
+<div data-mirai-component="button-finder"></div>
+```
+
+Similar to other components, supports ghosting.
+
+```html
+<div data-mirai-component="session">
+  <div data-ghost>
+    <button data-ghost>[[common.action.reserve]]</button>
+  </div>
+</div>
+```
+
+The `data-text` property allows you to change the caption of the button. This provides flexibility to customize the button text based on your needs.
+
+```html
+<div data-mirai-component="button-finder" data-text="Start Search"></div>
+```
+
 # 3. Development
 
 You have to follow the next steps:

package/__tests__/Booking/__mocks__/booking-delete.json

@@ -0,0 +1 @@
+{ "status": "UNKNOWN", "message": null, "data": null }

package/__tests__/Booking/__mocks__/booking-get.json

@@ -0,0 +1,105 @@
+{
+  "status": "OK",
+  "message": "",
+  "data": {
+    "id": 24080753785,
+    "pinCode": 3518230,
+    "state": 1,
+    "checkIn": "10/04/2025",
+    "checkOut": "15/04/2025",
+    "checkInTime": "12:00",
+    "checkOutTime": "17:00",
+    "currency": "EUR",
+    "contact": [{ "name": "Hal Finney" }, { "email": "hello@soyjavi.com" }, { "phone": "+1 8185551234" }],
+    "hotel": {
+      "address": "Mariano Pola, 13",
+      "city": "33212, Gijón, Asturias",
+      "country": "Spain",
+      "email": "info@mirai.com",
+      "location": [43.5402473, -5.6783805],
+      "name": "Hotel Monalisa Test ***",
+      "phone": "+34 915 91 35 00",
+      "site": "https://monalisa.mirai.com/"
+    },
+    "details": [
+      {
+        "amount": 1,
+        "image": "https://images.mirai.com/INFOROOMS/100379008/c26IDLXClcR4v3KTbRmK/c26IDLXClcR4v3KTbRmK_medium.jpg",
+        "observations": [],
+        "occupation": { "adults": 3, "children": 0, "babies": 1 },
+        "rate": "Pay now",
+        "type": "Suite",
+        "items": [
+          { "date": "10/04/2025", "description": "", "price": 58.4, "summary": "Breakfast Included" },
+          { "date": "11/04/2025", "description": "", "price": 58.4, "summary": "Breakfast Included" },
+          { "date": "12/04/2025", "description": "", "price": 58.4, "summary": "Breakfast Included" },
+          { "date": "13/04/2025", "description": "", "price": 58.4, "summary": "Breakfast Included" },
+          { "date": "14/04/2025", "description": "", "price": 58.4, "summary": "Breakfast Included" }
+        ],
+        "extras": []
+      }
+    ],
+    "extras": [
+      {
+        "amount": 2,
+        "description": "Sólo si falta alguna condición o restricción que quieres que quede por escrito (este texto irá en las confirmaciones de reservas).",
+        "id": 69632,
+        "price": 40.0,
+        "summary": "For 2 adults",
+        "title": "only adults, choose adults",
+        "type": "PERSON_ONCE"
+      },
+      {
+        "amount": 1,
+        "id": 65573,
+        "summary": "For 1 apartment",
+        "title": "free- Por habitación / una vez:",
+        "type": "ROOM_ONCE"
+      },
+      {
+        "amount": 1,
+        "description": "Proin ullamcorper fringilla dui, sit amet sagittis ante porttitor ac. Phasellus at porta tellus, at ultricies neque.",
+        "id": 65349,
+        "price": 100.0,
+        "summary": "",
+        "title": "Una unidad por reserva:",
+        "type": "RESERVE_ONCE"
+      }
+    ],
+    "otherConditions": "This is a example of other conditions",
+    "paymentsConditions": "Prepayment required of 100%: Book now, provide your card details later. Possibility of providing the card details within 5 days.",
+    "price": {
+      "value": 565.2,
+      "base": 432.0,
+      "description": "+43.20 € VAT, +90.00 € Local taxes",
+      "prepayment": { "TPV": { "value": 475.2, "currency": "EUR" } }
+    },
+    "priceBreakdown": {
+      "basePrice": 432.0,
+      "taxes": [{ "amount": 10.0, "price": 43.2, "type": 0, "applyTo": [1, 2] }],
+      "fees": [{ "price": 90.0, "type": 1, "age": 16 }]
+    },
+    "cancelationPolicy": {
+      "summary": "Special conditions: Penalty if canceled",
+      "detail": "When the hotel receives your reservation, the total amount will be charged on your card. No refund will be made in case of cancellation, early departure or no-show (the reservation is kept up to the 1st night). If the charge to your card is denied, the hotel will cancel your reservation. "
+    },
+    "units": 1,
+    "payment": {
+      "config": {
+        "cards": ["AMERICAN_EXPRESS", "VISA", "MASTERCARD"],
+        "currencyDecimals": 2,
+        "provider": "REDUNIQ",
+        "publicKey": {},
+        "showCVV": true
+      },
+      "info": {
+        "amount": 475.2,
+        "amountRaw": 47520,
+        "cardValidation": false,
+        "time": { "value": 1723499999999, "now": 1722998010821, "deadlineExpired": false }
+      },
+      "methods": ["TPV"]
+    },
+    "postponable": false
+  }
+}

package/__tests__/Booking/booking.constants.js

@@ -0,0 +1,8 @@
+const PAGE_URL = 'http://local.mirai.com:8080/step3-booking';
+
+const URL_PARAMS = {
+  DEFAULT:
+    '?code=49BBD2F87DBE604D1BBD734D12CB6F2C7682B94B&env=dev&home=http%3A%2F%2Flocal.mirai.com%3A8080%2F&idHotel=100379008&lang=en&reservationCode=24080695775&type=hotel&version=2&serverNameForSSL=reservation.mirai.com&outsideHotelDomain=true',
+};
+
+export { PAGE_URL, URL_PARAMS };

package/__tests__/Booking/workflows/cancel.workflow.js

@@ -0,0 +1,20 @@
+import { expect } from '@playwright/test';
+
+import { openMobileMenu } from './openMobileMenu.workflow';
+
+export const cancel = async ({ isMobile, page }) => {
+  if (isMobile) await openMobileMenu({ page });
+  await page.getByTestId('booking-menu-2').click();
+
+  await page.locator('input[type="radio"][name="cancel"][value="5"]').check();
+  await page.fill(
+    'input[name="comments"]',
+    'Due to unforeseen circumstances, I need to cancel my hotel reservation. Thank you for your understanding.',
+  );
+
+  const [response] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/reservation') && !!response.status()),
+    await page.getByTestId('submit-button').click(),
+  ]);
+  expect(response.status()).toBe(200);
+};

package/__tests__/Booking/workflows/index.js

@@ -0,0 +1,5 @@
+export * from './cancel.workflow';
+export * from './openMobileMenu.workflow';
+export * from './print.workflow';
+export * from './resend.workflow';
+export * from './review.workflow';

package/__tests__/Booking/workflows/openMobileMenu.workflow.js

@@ -0,0 +1,4 @@
+export const openMobileMenu = async ({ page }) => {
+  await page.getByTestId('show-booking-menu').click();
+  await page.waitForTimeout(500);
+};

package/__tests__/Booking/workflows/print.workflow.js

@@ -0,0 +1,13 @@
+import { openMobileMenu } from './openMobileMenu.workflow';
+
+export const print = async ({ isMobile, page }) => {
+  if (isMobile) await openMobileMenu({ page });
+
+  page.on('dialog', async (dialog) => {
+    if (dialog.type() === 'print') {
+      await dialog.dismiss();
+    }
+  });
+
+  await page.getByTestId('booking-menu-0').click();
+};

package/__tests__/Booking/workflows/resend.workflow.js

@@ -0,0 +1,18 @@
+import { expect } from '@playwright/test';
+
+import { openMobileMenu } from './openMobileMenu.workflow';
+import { USER } from '../../constants';
+
+export const resend = async ({ isMobile, page }) => {
+  if (isMobile) await openMobileMenu({ page });
+
+  await page.getByTestId('booking-menu-1').click();
+  await page.fill('input[name="email"]', USER.email);
+
+  const [response] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/resend_reservation') && !!response.status()),
+    page.getByTestId('submit-button').click(),
+  ]);
+
+  expect(response.status()).toBe(200);
+};

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

@@ -0,0 +1,17 @@
+import { expect } from '@playwright/test';
+
+export const review = async ({ isMobile, page }) => {
+  // Expand more info
+  if (!isMobile) {
+    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);
+};

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

@@ -12,6 +12,6 @@ export const form = async ({ page }) => {
 
   // User submits but forgots privacy policy
   await page.getByTestId('checkout-button').click();
-  await page.waitForSelector('ui-notification', { state: 'visible' });
+  await page.waitForSelector('ui-notification-error', { state: 'visible' });
   await page.locator('ui-checkout form input[name="privacyPolicy"]').check();
 };

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

@@ -1,4 +1,4 @@
-const { expect } = require('@playwright/test');
+import { expect } from '@playwright/test';
 
 export const review = async ({ page }) => {
   // Expand more info

package/__tests__/Session/workflows/bookings.workflow.js

@@ -1,8 +1,8 @@
 import { expect } from '@playwright/test';
 
-export const bookings = async ({ page }) => {
-  await page.getByTestId('show-session-menu').click();
-  await page.getByTestId('session-bookings').click();
+export const bookings = async ({ isMobile, page }) => {
+  await page.getByTestId('show-profile-menu').click();
+  await page.getByTestId(`profile-menu-${isMobile ? 2 : 1}`).click();
 
   await page.waitForURL(/\/profile/, { waitUntil: 'networkidle', timeout: 10000 });
 

package/__tests__/Session/workflows/logout.workflow.js

@@ -1,8 +1,8 @@
 import { expect } from '@playwright/test';
 
-export const logout = async ({ page }) => {
-  await page.getByTestId('show-session-menu').click();
-  await page.getByTestId('session-logout').click();
+export const logout = async ({ isMobile, page }) => {
+  await page.getByTestId('show-profile-menu').click();
+  await page.getByTestId(`profile-menu-${isMobile ? 3 : 2}`).click();
 
   await expect(page.getByTestId('show-login')).toBeVisible();
 };

package/__tests__/Session/workflows/profile.workflow.js

@@ -5,9 +5,9 @@ import { SESSION, USER } from '../../constants';
 // ! TODO: Somehow we should close the notifications
 // import { closeNotification } from '../../helpers';
 
-export const profile = async ({ page }) => {
-  await page.getByTestId('show-session-menu').click();
-  await page.getByTestId('session-profile').click();
+export const profile = async ({ isMobile, page }) => {
+  await page.getByTestId('show-profile-menu').click();
+  await page.getByTestId(`profile-menu-${isMobile ? 1 : 0}`).click();
 
   await page.waitForURL(/\/profile/, { waitUntil: 'networkidle', timeout: 10000 });
 

package/__tests__/Signup/workflows/index.js

@@ -1 +1,2 @@
 export * from './signup.workflow';
+export * from './signupError.workflow';

package/__tests__/Signup/workflows/signup.workflow.js

@@ -5,7 +5,7 @@ import { USER } from '../../constants';
 export const signup = async ({ page }) => {
   await page.fill('ui-signup input[name="firstName"]', USER.firstName);
   await page.fill('ui-signup input[name="lastName"]', USER.lastName);
-  await page.fill('ui-signup input[name="email"]', USER.email);
+  await page.fill('ui-signup input[name="email"]', `${new Date().getTime()}@mail.com`);
   await page.fill('ui-signup input[name="dateOfBirth"]', USER.dateOfBirth);
   await page.locator('ui-signup select[name="country"]').selectOption('United States');
   await page.fill('ui-signup input[name="password"]', USER.password);
@@ -13,7 +13,7 @@ export const signup = async ({ page }) => {
 
   // User forgot some fields
   await page.getByTestId('signup-button').click();
-  await page.waitForSelector('ui-notification', { state: 'visible' });
+  await page.waitForSelector('ui-notification-error', { state: 'visible' });
   await page.locator('input[name="privacy"]').check();
 
   // Success
@@ -22,5 +22,5 @@ export const signup = async ({ page }) => {
     page.getByTestId('signup-button').click(),
   ]);
 
-  expect(responseError.status()).toBe(409);
+  expect(responseError.status()).toBe(201);
 };

package/__tests__/Signup/workflows/signupError.workflow.js

@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+
+import { USER } from '../../constants';
+
+export const signupError = async ({ page }) => {
+  await page.fill('ui-signup input[name="firstName"]', USER.firstName);
+  await page.fill('ui-signup input[name="lastName"]', USER.lastName);
+  await page.fill('ui-signup input[name="email"]', USER.email);
+  await page.fill('ui-signup input[name="dateOfBirth"]', USER.dateOfBirth);
+  await page.locator('ui-signup select[name="country"]').selectOption('United States');
+  await page.fill('ui-signup input[name="password"]', USER.password);
+  await page.locator('ui-signup input[name="subscribed"]').check();
+  await page.locator('input[name="privacy"]').check();
+
+  // Success
+  const [responseError] = await Promise.all([
+    page.waitForResponse((response) => response.url().includes('/join') && !!response.status()),
+    page.getByTestId('signup-button').click(),
+  ]);
+
+  expect(responseError.status()).toBe(409);
+};

package/__tests__/booking.spec.jsx

@@ -0,0 +1,34 @@
+import { test } from '@playwright/test';
+
+import { PAGE_URL, URL_PARAMS } from './Booking/booking.constants';
+import { cancel, print, resend, review } from './Booking/workflows';
+
+test.beforeEach(async ({ context, page }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+
+  await page.route('https://reservation.mirai.com/XMAS/reservation/v2/booking/*', (route) => {
+    route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify(require(`./Booking/__mocks__/booking-${route.request().method().toLowerCase()}.json`)),
+    });
+  });
+
+  await page.goto(`${PAGE_URL}${URL_PARAMS.DEFAULT}`, { waitUntil: 'networkidle', timeout: 10000 });
+});
+
+test(`Review`, async ({ isMobile, page }) => {
+  await review({ isMobile, page });
+});
+
+test(`Print`, async ({ isMobile, page }) => {
+  await print({ isMobile, page });
+});
+
+test(`Resend`, async ({ isMobile, page }) => {
+  await resend({ isMobile, page });
+});
+
+test(`Cancel`, async ({ isMobile, page }) => {
+  await cancel({ isMobile, page });
+});

package/__tests__/{bookingQuery/bookingQuey._spec.js → bookingQuey._spec.js}

@@ -1,5 +1,4 @@
-// @ts-check
-const { test, expect } = require('@playwright/test');
+import { test, expect } from '@playwright/test';
 
 const BOOKING_QUERY = 'bookingQuery';
 const CORRECT_ID = '23011372299';

package/__tests__/buttonFinder.spec.js

@@ -0,0 +1,16 @@
+import { test } from '@playwright/test';
+
+const testId = `button-finder`;
+
+test.beforeEach(async ({ context, page }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+
+  await page.goto('http://local.mirai.com:8080', { waitUntil: 'networkidle', timeout: 10000 });
+});
+
+test('Open & Close', async ({ page }) => {
+  await page.getByTestId(`${testId}-button-modal`).click();
+  await page.waitForTimeout(300);
+  await page.getByTestId(`${testId}-modal-button-close`).click();
+  await page.waitForTimeout(300);
+});

package/__tests__/{Checkout/checkout.spec.jsx → checkout.spec.jsx}

@@ -1,7 +1,7 @@
 import { test } from '@playwright/test';
 
-import { PAGE_URL, URL_PARAMS } from './checkout.constants';
-import { form, payment, review, submit } from './workflows';
+import { PAGE_URL, URL_PARAMS } from './Checkout/checkout.constants';
+import { form, payment, review, submit } from './Checkout/workflows';
 
 const PAYMENTS = ['PAYLATER', 'TPV', 'TRANSFER'];
 
@@ -16,7 +16,9 @@ const enviroment = async ({ page, payment }) => {
     route.fulfill({
       status: 200,
       contentType: 'application/json',
-      body: JSON.stringify(require(`./__mocks__/checkout-${method}${method === 'post' ? `-${payment}` : ''}.json`)),
+      body: JSON.stringify(
+        require(`./Checkout/__mocks__/checkout-${method}${method === 'post' ? `-${payment}` : ''}.json`),
+      ),
     });
   });
 
@@ -24,7 +26,7 @@ const enviroment = async ({ page, payment }) => {
 };
 
 PAYMENTS.forEach((paymentId) => {
-  test(`Checkout w/ ${paymentId}`, async ({ page }) => {
+  test(`Payment w/ ${paymentId}`, async ({ page }) => {
     await enviroment({ page, payment: paymentId });
 
     await form({ page });

package/__tests__/constants.js

@@ -1,3 +1,5 @@
+const DEFAULT_TIMEOUT = 10000;
+
 const SESSION = {
   email: 'hello@soyjavi.com',
   password: 'BuyB1tc01N',
@@ -15,4 +17,4 @@ const USER = {
   password: 'BuyB1tc01N',
 };
 
-export { SESSION, USER };
+export { DEFAULT_TIMEOUT, SESSION, USER };

package/__tests__/{Finder/finder.spec.js → finder.spec.js}

@@ -1,40 +1,41 @@
 import { expect, test } from '@playwright/test';
 
-import { calendar, occupation, promocode } from './workflows';
+import { calendar, occupation, promocode } from './Finder/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 });
+
+  await page.goto('http://local.mirai.com:8080', { waitUntil: 'networkidle', timeout: 10000 });
 });
 
-test('Finder basic search', async ({ page }) => {
+test('Search (default)', async ({ page }) => {
   await calendar({ page, testId });
   await page.getByTestId(`${testId}-submit`).click();
 
-  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 15000 });
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 10000 });
 });
 
-test('Finder search with adult added', async ({ isMobile, page }) => {
+test('Search w/ +1 adult', 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 });
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 10000 });
 });
 
-test('Finder search with child added', async ({ isMobile, page }) => {
+test('Search w/ +1 child', 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 });
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 10000 });
 });
 
-test('Finder search with child added and not age', async ({ isMobile, page }) => {
+test('Search w/ +1 child widhout age', async ({ isMobile, page }) => {
   await calendar({ isMobile, page, testId });
   await occupation({ addAgeChild: false, addChild: true, isMobile, page, testId });
 
@@ -44,21 +45,21 @@ test('Finder search with child added and not age', async ({ isMobile, page }) =>
   else await expect(page.getByTestId(`${testId}-occupation`)).toBeVisible();
 });
 
-test('Finder search with promocode', async ({ isMobile, page }) => {
+test('Search w/ 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 });
+  await expect(page).toHaveURL(/.*step1-rates/, { timeout: 10000 });
 });
 
-test('Finder search with adult added and promocode', async ({ isMobile, page }) => {
+test('Search w/ +1 adult & 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 });
+  await expect(page).toHaveURL(/.step1-rates/, { timeout: 10000 });
 });

package/__tests__/{Rates/rates.spec.jsx → rates.spec.jsx}

@@ -9,7 +9,7 @@ test('Rates workflows', async ({ page }) => {
     route.fulfill({
       status: 200,
       contentType: 'application/json',
-      body: JSON.stringify(require('./__mocks__/rates-success.json')),
+      body: JSON.stringify(require('./Rates/__mocks__/rates-success.json')),
     });
   });
 

package/__tests__/session.spec.js

@@ -0,0 +1,32 @@
+import { test } from '@playwright/test';
+
+import { bookings, forgotPassword, login, logout, profile } from './Session/workflows';
+
+test.beforeEach(async ({ context, page }) => {
+  await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
+
+  await page.goto('http://local.mirai.com:8080', { waitUntil: 'networkidle', timeout: 10000 });
+});
+
+test('Login', async ({ isMobile, page }) => {
+  await login({ isMobile, page });
+});
+
+test('Edit profile', async ({ isMobile, page }) => {
+  await login({ isMobile, page });
+  await profile({ isMobile, page });
+});
+
+test('View bookings', async ({ isMobile, page }) => {
+  await login({ isMobile, page });
+  await bookings({ isMobile, page });
+});
+
+test('Logout', async ({ isMobile, page }) => {
+  await login({ isMobile, page });
+  await logout({ isMobile, page });
+});
+
+test('Forgot password', async ({ isMobile, page }) => {
+  await forgotPassword({ isMobile, page });
+});

package/__tests__/{Signup/signup.spec.js → signup.spec.js}

@@ -1,13 +1,17 @@
 import { test } from '@playwright/test';
 
-import { signup } from './workflows';
+import { signup, signupError } from './Signup/workflows';
 
-test.beforeEach(async ({ context }) => {
+test.beforeEach(async ({ context, page }) => {
   await context.addInitScript(() => (window.IS_PLAYWRIGHT = true));
-});
 
-test('Signup workflows', async ({ page }) => {
   await page.goto('http://local.mirai.com:8080/signup', { waitUntil: 'networkidle', timeout: 10000 });
+});
 
+test('Signup', async ({ page }) => {
   await signup({ page });
 });
+
+test('User already exists', async ({ page }) => {
+  await signupError({ page });
+});

package/build/components/Booking/Booking.js

@@ -130,6 +130,7 @@ const Booking = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_shared__.BookingDetails, {
     dataSource,
     expanded,
+    expanded: isMobile,
     className: style.box
   }), /*#__PURE__*/_react.default.createElement(_shared__.BookingTerms, {
     dataSource: dataSource,