hotel-example-site

---

Domain Migration Notice

Important

This website has moved to a new domain, https://hotel-example-site.takeyaqa.dev/, as of December 1, 2024.

Redirects from hotel.testplanisphere.dev ended on December 31, 2025.

---

This site is a sandbox to practice test automation.

This site aims to learn browser automation with running automation scripts against this site as the system under test.

You can refer to this site from any places such as books and blogs under MIT License.

It is made for learning test automation, but you can also use it to learn test design and technique.

Site Structure

This site provides mocked booking hotel feature. It has input forms to log in, sign up, and reserve a room. The layout is mobile friendly by responsive design.

Terms of Use

• We confirmed sample code worked with the latest Google Chrome in June 2020.
• This site is working on GitHub pages.
• About input data
  • The data is stored in the browser's Cookie, Session Storage and Local Storage.
  • The data is NOT stored in the server side such as database.
  • Due to the specification of HTML, the contents of the form are sent as the last part of the URL. Please note that it may be left in the GitHub server's logs and other records.
• Do NOT use this site for stress testing.
• We do not take any responsibilities by using this site.

Running Server

For development, you can serve this site locally using webpack.

Prerequisites

Make sure you have Node.js and pnpm installed, then install dependencies:

pnpm install

Build and Start Server

First, build the project:

pnpm run build

This will create a dist folder with the built assets.

Then start the webpack development server:

pnpm run start

After starting the server, open your browser and navigate to:

• http://localhost:8080/en-US/ for the English version
• http://localhost:8080/ja/ for the Japanese version

Running Playwright Tests

This project provides Playwright E2E tests as an example.

Prerequisites

Make sure you have Node.js and pnpm installed, then install dependencies and browser binaries:

pnpm install
pnpm exec playwright install --with-deps

By default, tests run against http://localhost:8080 and the Playwright test runner will start the webpack dev server for you. If you want to run tests against the deployed site instead, set the environment variable and skip starting the local server:

USE_DEPLOYED_SITE=true pnpm run test

If you prefer to start the local server yourself (for example to keep it running between test invocations), start it in another terminal with pnpm run start, then run the Playwright tests; they will reuse the existing server.

Run Tests

Headless (default):

pnpm run test

Headed mode (visible browser):

pnpm run test:headed

Interactive test runner UI:

pnpm run test:ui

View the latest HTML report after a run:

pnpm run test:report

Legacy (Archived)

The repositories below contain legacy example code that is no longer maintained and is provided for reference only. They are archived, not actively supported, and may not work with current versions.

The only actively maintained test examples for this project are the Playwright tests included in this repository.

English Examples

• Java, Selenium 4
• Java, Selenide
• Ruby, Capybara
• JavaScript, WebdriverIO
• Java, Selenium 3

Japanese Examples

• Java, Selenium 4
• Java, Selenide
• Ruby, Capybara
• JavaScript, WebdriverIO
• Java, Selenium 3

Changelog

https://github.com/takeyaqa/hotel-example-site/releases