@roomstay/frontend 2.6.19 → 2.6.20

package/dist/e2e/helpers/checkoutHelpers.js

@@ -0,0 +1,164 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.verifyBookingConfirmation = exports.submitBookingReservation = exports.fillPaymentInformation = exports.fillContactInfo = exports.proceedToConfirmationStep = exports.selectAvailableDates = void 0;
+const test_1 = require("@playwright/test");
+function selectAvailableDates(page, maxRetries = 5) {
+    return __awaiter(this, void 0, void 0, function* () {
+        for (let attempt = 0; attempt < maxRetries; attempt++) {
+            // Choose the first available check-in date.
+            const checkInDateElement = page.locator('.diji-calendar-month--item.--selectable').first();
+            yield (0, test_1.expect)(checkInDateElement).toBeVisible();
+            yield checkInDateElement.click();
+            let checkOutDateElement;
+            if (attempt === maxRetries - 1) {
+                // If this is the last attempt, try a 1-night stay (this has a higher success rate).
+                checkOutDateElement = page.locator('.diji-calendar-month--item.--selectable:not(.--selected)').first();
+            }
+            else {
+                // Choose a random available check-out date.
+                const checkOutDateElements = yield page.locator('.diji-calendar-month--item.--selectable:not(.--selected)').all();
+                const randomIndex = Math.floor(Math.random() * checkOutDateElements.length);
+                checkOutDateElement = checkOutDateElements[randomIndex];
+            }
+            yield (0, test_1.expect)(checkOutDateElement).toBeVisible();
+            yield checkOutDateElement.click();
+            // TODO: Instead of waiting for timeout, wait for the loading indicators on the other dates to disappear.
+            // Context: After choosing checkout date, the loading indicators appear for the dates following the checkout
+            // date. If we click 'Check Availability', we seem to briefly see an error message. This doesn't actually
+            // make the tests fail though. Keeping this in here in case it's indicative of an issue with RoomStay itself.
+            // The error is an "Oh no, something went wrong" message and shows the select room bar without any dates in it.
+            // The error quickly goes away though.
+            yield page.waitForTimeout(500);
+            // Click the 'Check Availability' button.
+            const checkAvailabilityButton = page.getByRole('button', { name: 'Check Availability' });
+            yield (0, test_1.expect)(checkAvailabilityButton).not.toBeDisabled();
+            yield checkAvailabilityButton.click();
+            // Check for error message.
+            const errorMessage = yield page.waitForSelector('text=Please check your dates and', { timeout: 1000 }).catch(() => null);
+            if (errorMessage) {
+                console.log(`Error message found on attempt ${attempt + 1}. Retrying with different dates.`);
+                const newSearchButton = page.getByRole('button', { name: 'New Search' });
+                yield (0, test_1.expect)(newSearchButton).toBeVisible();
+                yield newSearchButton.click();
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    });
+}
+exports.selectAvailableDates = selectAvailableDates;
+function proceedToConfirmationStep(page) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Click the 'View Rates' button.
+        const viewRatesNowButton = page.getByRole('button', { name: 'View rates now' }).first();
+        yield (0, test_1.expect)(viewRatesNowButton).toBeVisible();
+        yield (0, test_1.expect)(viewRatesNowButton).not.toBeDisabled();
+        yield viewRatesNowButton.click();
+        // Click the first 'Book Now' button.
+        const firstBookNowButton = page.getByRole('button', { name: 'Book Now' }).first();
+        yield (0, test_1.expect)(firstBookNowButton).toBeVisible();
+        yield firstBookNowButton.click();
+        // Confirm that the 'Added xx' toast notification is visible.
+        // TOODO: Sometimes there are two notifications, but I can only reproduce this in Playwright.
+        const addedRoomNotification = page.locator('.c-notification__inner').first();
+        yield (0, test_1.expect)(addedRoomNotification).toBeVisible();
+        yield (0, test_1.expect)(addedRoomNotification).toContainText('Added');
+        // A bit hacky... Need a better way to check the current step.
+        try {
+            const isAddonsStep = yield page.waitForSelector('.step-selector__item.is-current p.text-body:has-text("Add-Ons")', { timeout: 1000 });
+            if (isAddonsStep) {
+                const nextButton = page.getByRole('button', { name: 'Next Step' }).first();
+                yield (0, test_1.expect)(nextButton).toBeVisible();
+                yield nextButton.click();
+            }
+        }
+        catch (error) {
+            console.log('Add-ons step not found, continuing.');
+        }
+        const confirmReservationButton = page.getByRole('button', { name: 'Confirm Reservation' });
+        yield (0, test_1.expect)(confirmReservationButton).toBeVisible();
+        yield (0, test_1.expect)(confirmReservationButton).toHaveText('Confirm Reservation');
+    });
+}
+exports.proceedToConfirmationStep = proceedToConfirmationStep;
+function fillContactInfo(page, data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Fill Contact Info fields
+        yield page.fill('input[name="userProfiles.0.Forename"]', data.firstName);
+        yield page.fill('input[name="userProfiles.0.Surname"]', data.lastName);
+        yield page.fill('input[name="userProfiles.0.Email"]', data.email);
+        yield page.fill('input[name="userProfiles.0.Phone"]', data.phone);
+        yield page.fill('input[name="userProfiles.0.Address"]', data.address);
+        yield page.fill('input[name="userProfiles.0.City"]', data.city);
+        yield page.fill('input[name="userProfiles.0.PostCode"]', data.zipCode);
+        // Country selector
+        yield page.fill('.rs-enhanced-country-field--search input', data.country);
+        yield page.waitForSelector('.rs-enhanced-country-field--suggest-list-country', { state: 'visible' });
+        yield page.click('.rs-enhanced-country-field--suggest-list-country-name'); // Assuming there's only one result...
+    });
+}
+exports.fillContactInfo = fillContactInfo;
+function fillPaymentInformation(page, data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Fill Payment Information. Each of these fields is within their own secure iframe that we need to enter first.
+        const cardNumberFrame = yield (yield page.waitForSelector('iframe[title="Secure card number input frame"]')).contentFrame();
+        if (cardNumberFrame) {
+            yield cardNumberFrame.fill('input[aria-label="Card Number Input"]', data.cardNumber);
+        }
+        const cardExpiryFrame = yield (yield page.waitForSelector('iframe[title="Secure card expiration date input frame"]')).contentFrame();
+        if (cardExpiryFrame) {
+            yield cardExpiryFrame.fill('input[aria-label="Card expiration date"]', data.cardExpiry);
+        }
+        const cardCvvFrame = yield (yield page.waitForSelector('iframe[title="Secure card security code input frame"]')).contentFrame();
+        if (cardCvvFrame) {
+            yield cardCvvFrame.fill('input[aria-label="Card Security Code"]', data.cardCVC);
+        }
+        const cardNameFrame = yield (yield page.waitForSelector('iframe[title="Secure text input frame"]')).contentFrame();
+        if (cardNameFrame) {
+            yield cardNameFrame.fill('input[aria-label="Text input"]', `${data.firstName} ${data.lastName}`);
+        }
+    });
+}
+exports.fillPaymentInformation = fillPaymentInformation;
+function submitBookingReservation(page) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const confirmReservationButton = page.getByRole('button', { name: 'Confirm Reservation' });
+        yield (0, test_1.expect)(confirmReservationButton).toBeVisible();
+        yield confirmReservationButton.click();
+    });
+}
+exports.submitBookingReservation = submitBookingReservation;
+function verifyBookingConfirmation(page, data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // We should now be on the 'Thanks' step.
+        yield page.waitForSelector('.step-selector__item.is-current p.text-body:has-text("Thanks")', { timeout: 5000 });
+        // There should be a message thanking us for our booking.
+        const thankYouMessage = page.locator('h3:has-text("Thank you")');
+        yield (0, test_1.expect)(thankYouMessage).toBeVisible();
+        // Click the 'More Details' button to show a modal with our booking details.
+        const moreDetailsButton = page.getByRole('button', { name: 'More Details' });
+        yield (0, test_1.expect)(moreDetailsButton).toBeVisible();
+        yield moreDetailsButton.click();
+        const modal = page.locator('div[class*="roomstay-modal"]').first();
+        yield (0, test_1.expect)(modal).toBeVisible();
+        // The modal should contain our name and email address.
+        yield (0, test_1.expect)(modal.locator(`text=${data.firstName} ${data.lastName}`)).toBeVisible();
+        yield (0, test_1.expect)(modal.locator(`text=${data.email}`)).toBeVisible();
+        // Close the modal.
+        const closeButton = modal.locator('i[name="Close"]');
+        yield closeButton.click();
+    });
+}
+exports.verifyBookingConfirmation = verifyBookingConfirmation;
+//# sourceMappingURL=checkoutHelpers.js.map

package/dist/e2e/helpers/checkoutHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkoutHelpers.js","sourceRoot":"/","sources":["e2e/helpers/checkoutHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, Locator } from '@playwright/test';\nimport { CheckoutTestData } from '../data/checkoutTestData';\n\nexport async function selectAvailableDates(page: any, maxRetries: number = 5): Promise<boolean> {\n    for (let attempt = 0; attempt < maxRetries; attempt++) {\n        // Choose the first available check-in date.\n        const checkInDateElement = page.locator('.diji-calendar-month--item.--selectable').first();\n        await expect(checkInDateElement).toBeVisible();\n        await checkInDateElement.click();\n\n        let checkOutDateElement: Locator;\n        if (attempt === maxRetries - 1) {\n            // If this is the last attempt, try a 1-night stay (this has a higher success rate).\n            checkOutDateElement = page.locator('.diji-calendar-month--item.--selectable:not(.--selected)').first();\n        } else {\n            // Choose a random available check-out date.\n            const checkOutDateElements = await page.locator('.diji-calendar-month--item.--selectable:not(.--selected)').all();\n            const randomIndex = Math.floor(Math.random() * checkOutDateElements.length);\n            checkOutDateElement = checkOutDateElements[randomIndex];\n        }\n\n        await expect(checkOutDateElement).toBeVisible();\n        await checkOutDateElement.click();\n\n        // TODO: Instead of waiting for timeout, wait for the loading indicators on the other dates to disappear.\n        // Context: After choosing checkout date, the loading indicators appear for the dates following the checkout\n        // date. If we click 'Check Availability', we seem to briefly see an error message. This doesn't actually\n        // make the tests fail though. Keeping this in here in case it's indicative of an issue with RoomStay itself.\n        // The error is an \"Oh no, something went wrong\" message and shows the select room bar without any dates in it.\n        // The error quickly goes away though.\n        await page.waitForTimeout(500);\n\n        // Click the 'Check Availability' button.\n        const checkAvailabilityButton = page.getByRole('button', { name: 'Check Availability' });\n        await expect(checkAvailabilityButton).not.toBeDisabled();\n        await checkAvailabilityButton.click();\n\n        // Check for error message.\n        const errorMessage = await page.waitForSelector('text=Please check your dates and', { timeout: 1000 }).catch(() => null);\n        if (errorMessage) {\n            console.log(`Error message found on attempt ${attempt + 1}. Retrying with different dates.`);\n            const newSearchButton = page.getByRole('button', { name: 'New Search' });\n            await expect(newSearchButton).toBeVisible();\n            await newSearchButton.click();\n        } else {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport async function proceedToConfirmationStep(page: any) {\n    // Click the 'View Rates' button.\n    const viewRatesNowButton = page.getByRole('button', { name: 'View rates now' }).first();\n    await expect(viewRatesNowButton).toBeVisible();\n    await expect(viewRatesNowButton).not.toBeDisabled();\n    await viewRatesNowButton.click();\n\n    // Click the first 'Book Now' button.\n    const firstBookNowButton = page.getByRole('button', { name: 'Book Now' }).first();\n    await expect(firstBookNowButton).toBeVisible();\n    await firstBookNowButton.click();\n\n    // Confirm that the 'Added xx' toast notification is visible.\n    // TOODO: Sometimes there are two notifications, but I can only reproduce this in Playwright.\n    const addedRoomNotification = page.locator('.c-notification__inner').first();\n    await expect(addedRoomNotification).toBeVisible();\n    await expect(addedRoomNotification).toContainText('Added');\n\n    // A bit hacky... Need a better way to check the current step.\n    try {\n        const isAddonsStep = await page.waitForSelector('.step-selector__item.is-current p.text-body:has-text(\"Add-Ons\")', { timeout: 1000 });\n        if (isAddonsStep) {\n            const nextButton = page.getByRole('button', { name: 'Next Step' }).first();\n            await expect(nextButton).toBeVisible();\n            await nextButton.click();\n        }\n    } catch (error) {\n        console.log('Add-ons step not found, continuing.');\n    }\n\n    const confirmReservationButton = page.getByRole('button', { name: 'Confirm Reservation' });\n    await expect(confirmReservationButton).toBeVisible();\n    await expect(confirmReservationButton).toHaveText('Confirm Reservation');\n}\n\nexport async function fillContactInfo(page: any, data: CheckoutTestData) {\n    // Fill Contact Info fields\n    await page.fill('input[name=\"userProfiles.0.Forename\"]', data.firstName);\n    await page.fill('input[name=\"userProfiles.0.Surname\"]', data.lastName);\n    await page.fill('input[name=\"userProfiles.0.Email\"]', data.email);\n    await page.fill('input[name=\"userProfiles.0.Phone\"]', data.phone);\n    await page.fill('input[name=\"userProfiles.0.Address\"]', data.address);\n    await page.fill('input[name=\"userProfiles.0.City\"]', data.city);\n    await page.fill('input[name=\"userProfiles.0.PostCode\"]', data.zipCode);\n\n    // Country selector\n    await page.fill('.rs-enhanced-country-field--search input', data.country);\n    await page.waitForSelector('.rs-enhanced-country-field--suggest-list-country', { state: 'visible' });\n    await page.click('.rs-enhanced-country-field--suggest-list-country-name'); // Assuming there's only one result...\n}\n\nexport async function fillPaymentInformation(page: any, data: CheckoutTestData) {\n    // Fill Payment Information. Each of these fields is within their own secure iframe that we need to enter first.\n\n    const cardNumberFrame = await (await page.waitForSelector('iframe[title=\"Secure card number input frame\"]')).contentFrame();\n    if (cardNumberFrame) {\n        await cardNumberFrame.fill('input[aria-label=\"Card Number Input\"]', data.cardNumber);\n    }\n\n    const cardExpiryFrame = await (await page.waitForSelector('iframe[title=\"Secure card expiration date input frame\"]')).contentFrame();\n    if (cardExpiryFrame) {\n        await cardExpiryFrame.fill('input[aria-label=\"Card expiration date\"]', data.cardExpiry);\n    }\n\n    const cardCvvFrame = await (await page.waitForSelector('iframe[title=\"Secure card security code input frame\"]')).contentFrame();\n    if (cardCvvFrame) {\n        await cardCvvFrame.fill('input[aria-label=\"Card Security Code\"]', data.cardCVC);\n    }\n\n    const cardNameFrame = await (await page.waitForSelector('iframe[title=\"Secure text input frame\"]')).contentFrame();\n    if (cardNameFrame) {\n        await cardNameFrame.fill('input[aria-label=\"Text input\"]', `${data.firstName} ${data.lastName}`);\n    }\n}\n\nexport async function submitBookingReservation(page: any) {\n    const confirmReservationButton = page.getByRole('button', { name: 'Confirm Reservation' });\n    await expect(confirmReservationButton).toBeVisible();\n    await confirmReservationButton.click();\n}\n\nexport async function verifyBookingConfirmation(page: any, data: CheckoutTestData) {\n    // We should now be on the 'Thanks' step.\n    await page.waitForSelector('.step-selector__item.is-current p.text-body:has-text(\"Thanks\")', { timeout: 5000 });\n\n    // There should be a message thanking us for our booking.\n    const thankYouMessage = page.locator('h3:has-text(\"Thank you\")');\n    await expect(thankYouMessage).toBeVisible();\n\n    // Click the 'More Details' button to show a modal with our booking details.\n    const moreDetailsButton = page.getByRole('button', { name: 'More Details' });\n    await expect(moreDetailsButton).toBeVisible();\n    await moreDetailsButton.click();\n\n    const modal = page.locator('div[class*=\"roomstay-modal\"]').first();\n    await expect(modal).toBeVisible();\n\n    // The modal should contain our name and email address.\n    await expect(modal.locator(`text=${data.firstName} ${data.lastName}`)).toBeVisible();\n    await expect(modal.locator(`text=${data.email}`)).toBeVisible();\n\n    // Close the modal.\n    const closeButton = modal.locator('i[name=\"Close\"]');\n    await closeButton.click();\n}\n"]}

package/dist/e2e/price.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/e2e/price.spec.js

@@ -0,0 +1,154 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const set_1 = __importDefault(require("lodash/set"));
+const args = process.argv.slice(3);
+// Extracting CLI parameters
+const version = args[0] || process.env.PLAYWRIGHT_VERSION;
+const hotelId = args[1] || process.env.PLAYWRIGHT_HOTEL_ID;
+const startDate = args[2] || process.env.PLAYWRIGHT_START_DATE;
+const endDate = args[3] || process.env.PLAYWRIGHT_END_DATE;
+const children = parseInt(args[4], 10) || parseInt(process.env.PLAYWRIGHT_CHILDREN || '0', 10);
+const adults = parseInt(args[5], 10) || parseInt(process.env.PLAYWRIGHT_ADULTS || '1', 10);
+const promocode = (_b = (_a = args[6]) !== null && _a !== void 0 ? _a : process.env.PLAYWRIGHT_PROMOCODE) !== null && _b !== void 0 ? _b : '';
+// Set environment variables with PLAYWRIGHT_ prefix if parameters are provided
+if (version) {
+    process.env.PLAYWRIGHT_VERSION = version;
+}
+if (hotelId) {
+    process.env.PLAYWRIGHT_HOTEL_ID = hotelId;
+}
+if (startDate) {
+    process.env.PLAYWRIGHT_START_DATE = startDate;
+}
+if (endDate) {
+    process.env.PLAYWRIGHT_END_DATE = endDate;
+}
+if (!isNaN(children)) {
+    process.env.PLAYWRIGHT_CHILDREN = children.toString();
+}
+if (!isNaN(adults)) {
+    process.env.PLAYWRIGHT_ADULTS = adults.toString();
+}
+if (promocode) {
+    process.env.PLAYWRIGHT_PROMOCODE = promocode;
+}
+if (!version || !hotelId || !startDate || !endDate || isNaN(children) || isNaN(adults)) {
+    console.error('Usage: yarn run test:playwright <version> <hotelId> <startDate> <endDate> <children> <adults> <promocode>');
+    console.error('Example: yarn run test:playwright 2/6.13 fa737326-ccdb-496a-bd31-2fbc3e97ed59 2024-08-28 2024-08-30 1 2');
+    process.exit(1);
+}
+const url = `https://production.app.roomstay.io/${version}/feature.html?engine=fp&hotel=${hotelId}#/step/date/?arrive=${startDate}&depart=${endDate}&children=${children}&adults=${adults}&promocode=${promocode}`;
+const params = { version, hotelId, startDate, endDate, children, adults, promocode, url };
+console.log(params);
+const spinnerSelector = '[name=Spinner]';
+// function waitForAnimationEnd(locator: Locator) {
+//     return locator.evaluate((element) => Promise.all(element.getAnimations().map((animation) => animation.finished)));
+// }
+const getPrice = (text) => {
+    const textPrice = text === null || text === void 0 ? void 0 : text.replace(/[a-zA-Z$]/g, '');
+    return textPrice && !isNaN(+textPrice) ? +textPrice : undefined;
+};
+const TIMEOUT = 5 * 60 * 1000;
+test_1.test.setTimeout(TIMEOUT);
+(0, test_1.test)('price', ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _c;
+    //------------------------------------INIT------------------------------------
+    yield page.goto(url);
+    //------------------------------------WAIT HOTEL APPLIED------------------------------------
+    const [hotelResponse] = yield Promise.all([
+        page.waitForResponse((resp) => {
+            const url = new URL(resp.url()).pathname.replace(/\/$/, '').endsWith(`/frontend/hotel/${hotelId}`);
+            return url && resp.status() === 200;
+        }),
+        page.waitForResponse((resp) => {
+            const url = new URL(resp.url()).pathname.replace(/\/$/, '').endsWith(`/frontend/availability/${hotelId}`);
+            return url && resp.status() === 200;
+        }),
+    ]);
+    const responseData = yield hotelResponse.json();
+    console.log({ responseData });
+    yield Promise.all([(0, test_1.expect)(page.locator('.hotel-name')).toHaveText(responseData.name), (0, test_1.expect)(page.locator('.room-details-container').first()).toBeVisible()]);
+    //------------------------------------INIT------------------------------------
+    const roomList = page.locator('.room-details-container');
+    //------------------------------------1. TOTAL RATE PRICE------------------------------------
+    let rooms = {};
+    for (let room of yield roomList.all()) {
+        yield room.locator(spinnerSelector).first().waitFor({
+            state: 'detached',
+        });
+        const roomName = yield room.locator('.room-details--content-title').textContent();
+        if (!roomName)
+            continue;
+        yield room
+            .getByRole('button', {
+            name: 'View rates now',
+        })
+            .click();
+        const cheapestPrice = getPrice(yield room.locator('.room-details--content-price .headline').first().textContent()) || 0;
+        (0, set_1.default)(rooms, [roomName, 'cheapestPrice'], cheapestPrice);
+        //------------------------------------1. CHEAPEST PRICE------------------------------------
+        const rates = room.locator('.room-info.--default');
+        for (let rate of yield rates.all()) {
+            yield rate.waitFor({
+                state: 'attached',
+            });
+            const rateName = yield rate.locator('.text-body').first().textContent();
+            // console.log(`${roomName}-${rateName}`);
+            if (!rateName)
+                continue;
+            // TODO wait for animation to end
+            yield page.waitForTimeout(1000);
+            // await waitForAnimationEnd(room.nth(2));
+            yield rate
+                .getByRole('button', {
+                name: 'View price breakdown',
+            })
+                .click();
+            const modal = page
+                .locator('[class^=SimpleModal]', {
+                hasText: '',
+            })
+                .first();
+            yield modal.waitFor({
+                state: 'attached',
+            });
+            const modalSpinners = modal.locator(spinnerSelector);
+            for (let spinner of yield modalSpinners.all()) {
+                yield spinner.waitFor({
+                    state: 'detached',
+                });
+            }
+            const nightlyPrices = modal.locator('.roomstay-tab-content .u-flex.u-marg-bottom');
+            const rateTotal = getPrice(yield modal.locator('.room-details--content-price-protection').textContent());
+            (0, set_1.default)(rooms, [roomName, 'rates', rateName, 'total'], rateTotal);
+            for (let night of yield nightlyPrices.all()) {
+                const nightName = yield night.locator('> *:nth-child(1)').textContent();
+                const nightPrice = getPrice(yield ((_c = night.locator('> *:nth-child(2)')) === null || _c === void 0 ? void 0 : _c.textContent()));
+                if (!nightName || !nightPrice)
+                    continue;
+                // set(rooms[roomName].rates![rateName].nights![nightName] = {};
+                (0, set_1.default)(rooms, [roomName, 'rates', rateName, 'nights', nightName, 'price'], nightPrice);
+            }
+            yield modal.locator('[name=Close]').click();
+            yield modal.waitFor({
+                state: 'detached',
+            });
+        }
+    }
+    console.log(JSON.stringify(rooms, null, 2));
+}));
+//# sourceMappingURL=price.spec.js.map

package/dist/e2e/price.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price.spec.js","sourceRoot":"/","sources":["e2e/price.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test, expect } from '@playwright/test';\nimport set from 'lodash/set';\n\nconst args = process.argv.slice(3);\n// Extracting CLI parameters\nconst version = args[0] || process.env.PLAYWRIGHT_VERSION;\nconst hotelId = args[1] || process.env.PLAYWRIGHT_HOTEL_ID;\nconst startDate = args[2] || process.env.PLAYWRIGHT_START_DATE;\nconst endDate = args[3] || process.env.PLAYWRIGHT_END_DATE;\nconst children = parseInt(args[4], 10) || parseInt(process.env.PLAYWRIGHT_CHILDREN || '0', 10);\nconst adults = parseInt(args[5], 10) || parseInt(process.env.PLAYWRIGHT_ADULTS || '1', 10);\nconst promocode = args[6] ?? process.env.PLAYWRIGHT_PROMOCODE ?? '';\n\n// Set environment variables with PLAYWRIGHT_ prefix if parameters are provided\nif (version) {\n    process.env.PLAYWRIGHT_VERSION = version;\n}\nif (hotelId) {\n    process.env.PLAYWRIGHT_HOTEL_ID = hotelId;\n}\nif (startDate) {\n    process.env.PLAYWRIGHT_START_DATE = startDate;\n}\nif (endDate) {\n    process.env.PLAYWRIGHT_END_DATE = endDate;\n}\nif (!isNaN(children)) {\n    process.env.PLAYWRIGHT_CHILDREN = children.toString();\n}\nif (!isNaN(adults)) {\n    process.env.PLAYWRIGHT_ADULTS = adults.toString();\n}\nif (promocode) {\n    process.env.PLAYWRIGHT_PROMOCODE = promocode;\n}\n\nif (!version || !hotelId || !startDate || !endDate || isNaN(children) || isNaN(adults)) {\n    console.error('Usage: yarn run test:playwright <version> <hotelId> <startDate> <endDate> <children> <adults> <promocode>');\n    console.error('Example: yarn run test:playwright 2/6.13 fa737326-ccdb-496a-bd31-2fbc3e97ed59 2024-08-28 2024-08-30 1 2');\n    process.exit(1);\n}\n\nconst url = `https://production.app.roomstay.io/${version}/feature.html?engine=fp&hotel=${hotelId}#/step/date/?arrive=${startDate}&depart=${endDate}&children=${children}&adults=${adults}&promocode=${promocode}`;\nconst params: any = { version, hotelId, startDate, endDate, children, adults, promocode, url };\nconsole.log(params);\n\nconst spinnerSelector = '[name=Spinner]';\n\ntype Rooms = {\n    [room: string]: {\n        cheapestPrice?: number;\n        rates?: {\n            [rate: string]: {\n                nights?: {\n                    [nightName: string]: {\n                        price?: number;\n                    };\n                };\n                total?: number;\n            };\n        };\n    };\n};\n\n// function waitForAnimationEnd(locator: Locator) {\n//     return locator.evaluate((element) => Promise.all(element.getAnimations().map((animation) => animation.finished)));\n// }\n\nconst getPrice = (text?: string | null): number | undefined => {\n    const textPrice = text?.replace(/[a-zA-Z$]/g, '');\n    return textPrice && !isNaN(+textPrice) ? +textPrice : undefined;\n};\n\nconst TIMEOUT = 5 * 60 * 1000;\ntest.setTimeout(TIMEOUT);\ntest('price', async ({ page }) => {\n    //------------------------------------INIT------------------------------------\n    await page.goto(url);\n\n    //------------------------------------WAIT HOTEL APPLIED------------------------------------\n    const [hotelResponse] = await Promise.all([\n        page.waitForResponse((resp) => {\n            const url = new URL(resp.url()).pathname.replace(/\\/$/, '').endsWith(`/frontend/hotel/${hotelId}`);\n            return url && resp.status() === 200;\n        }),\n        page.waitForResponse((resp) => {\n            const url = new URL(resp.url()).pathname.replace(/\\/$/, '').endsWith(`/frontend/availability/${hotelId}`);\n            return url && resp.status() === 200;\n        }),\n    ]);\n    const responseData = await hotelResponse.json();\n    console.log({ responseData });\n    await Promise.all([expect(page.locator('.hotel-name')).toHaveText(responseData.name), expect(page.locator('.room-details-container').first()).toBeVisible()]);\n\n    //------------------------------------INIT------------------------------------\n    const roomList = page.locator('.room-details-container');\n\n    //------------------------------------1. TOTAL RATE PRICE------------------------------------\n    let rooms: Rooms = {};\n    for (let room of await roomList.all()) {\n        await room.locator(spinnerSelector).first().waitFor({\n            state: 'detached',\n        });\n        const roomName = await room.locator('.room-details--content-title').textContent();\n        if (!roomName) continue;\n        await room\n            .getByRole('button', {\n                name: 'View rates now',\n            })\n            .click();\n        const cheapestPrice = getPrice(await room.locator('.room-details--content-price .headline').first().textContent()) || 0;\n        set(rooms, [roomName, 'cheapestPrice'], cheapestPrice);\n        //------------------------------------1. CHEAPEST PRICE------------------------------------\n        const rates = room.locator('.room-info.--default');\n        for (let rate of await rates.all()) {\n            await rate.waitFor({\n                state: 'attached',\n            });\n            const rateName = await rate.locator('.text-body').first().textContent();\n            // console.log(`${roomName}-${rateName}`);\n            if (!rateName) continue;\n            // TODO wait for animation to end\n            await page.waitForTimeout(1000);\n            // await waitForAnimationEnd(room.nth(2));\n            await rate\n                .getByRole('button', {\n                    name: 'View price breakdown',\n                })\n                .click();\n            const modal = page\n                .locator('[class^=SimpleModal]', {\n                    hasText: '',\n                })\n                .first();\n            await modal.waitFor({\n                state: 'attached',\n            });\n            const modalSpinners = modal.locator(spinnerSelector);\n            for (let spinner of await modalSpinners.all()) {\n                await spinner.waitFor({\n                    state: 'detached',\n                });\n            }\n            const nightlyPrices = modal.locator('.roomstay-tab-content .u-flex.u-marg-bottom');\n            const rateTotal = getPrice(await modal.locator('.room-details--content-price-protection').textContent());\n            set(rooms, [roomName, 'rates', rateName, 'total'], rateTotal);\n            for (let night of await nightlyPrices.all()) {\n                const nightName = await night.locator('> *:nth-child(1)').textContent();\n                const nightPrice = getPrice(await night.locator('> *:nth-child(2)')?.textContent());\n                if (!nightName || !nightPrice) continue;\n                // set(rooms[roomName].rates![rateName].nights![nightName] = {};\n                set(rooms, [roomName, 'rates', rateName, 'nights', nightName, 'price'], nightPrice);\n            }\n            await modal.locator('[name=Close]').click();\n            await modal.waitFor({\n                state: 'detached',\n            });\n        }\n    }\n\n    console.log(JSON.stringify(rooms, null, 2));\n});\n"]}