gnezim
60e2149072
Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date) - Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class - Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting - Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states - Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions - Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares) - Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline - Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements - Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations - Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary - Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds All tests follow AAA pattern and use data-testid selectors matching Angular version. Total: 245 tests across 10 feature suites.
112 lines
2.6 KiB
Markdown
112 lines
2.6 KiB
Markdown
# BackstopJS Docker Image
|
|
|
|
A self-contained Docker image to run [BackstopJS](https://github.com/garris/BackstopJS) with no external dependencies.
|
|
|
|
[Visual Regression Testing with BackstopJS in a Docker container](https://blog.docksal.io/visual-regression-testing-with-backstopjs-in-a-docker-container-dfd1b9ae8582)
|
|
|
|
Features:
|
|
|
|
- [BackstopJS 3.x](https://github.com/garris/BackstopJS)
|
|
- [Chrome-headless](https://www.google.com/chrome/browser/canary.html)
|
|
|
|
|
|
## Versions
|
|
|
|
- `backstopjs/backstopjs` - BackstopJS v3 with Chrome Headless support
|
|
|
|
|
|
## Usage
|
|
|
|
Use this image as if you were using a binary.
|
|
Working directory is expected to be mounted at `/src` in the container.
|
|
|
|
```
|
|
$ docker run --rm -v $(pwd):/src backstopjs/backstopjs --version
|
|
BackstopJS v3.x.x
|
|
|
|
# On Windows use:
|
|
$(pwd -W)
|
|
```
|
|
|
|
You can also add a shell alias (in `.bashrc`, `.zshrc`, etc.) for convenience.
|
|
|
|
```
|
|
alias backstop='docker run --rm -v $(pwd):/src backstopjs/backstopjs "$@"'
|
|
```
|
|
|
|
Restart your shell or open a new one, then
|
|
|
|
```
|
|
$ backstopjs --version
|
|
BackstopJS v3.x.x
|
|
```
|
|
|
|
|
|
## Sample test
|
|
|
|
```
|
|
docker run --rm -v $(pwd):/src backstopjs/backstopjs init
|
|
docker run --rm -v $(pwd):/src backstopjs/backstopjs reference
|
|
docker run --rm -v $(pwd):/src backstopjs/backstopjs test
|
|
```
|
|
|
|
|
|
## Browser engines
|
|
|
|
By default BackstopJS is using Headless Chrome to take screenshots.
|
|
|
|
Chrome is pre-installed in the container.
|
|
|
|
|
|
## Limitations
|
|
|
|
`backstop openReport` is not (yet) supported.
|
|
|
|
|
|
## Debugging
|
|
|
|
The following command will start a bash session in the container.
|
|
|
|
```
|
|
docker run --rm -v $(pwd):/src -it --entrypoint=bash backstopjs/backstopjs
|
|
```
|
|
|
|
|
|
## Jenkins Guide
|
|
You could get a Jenkins Guide here: [Jenkins Guide](../examples/Jenkins)
|
|
|
|
## MultiArch Build
|
|
|
|
Your docker setup should have buildx support to be able to build that.
|
|
|
|
```
|
|
docker buildx create --name mybuilder --use --bootstrap
|
|
```
|
|
|
|
Build + Push:
|
|
|
|
```
|
|
export BACKSTOPJS_VERSION=6.1.4
|
|
docker buildx build --push --build-arg BACKSTOPJS_VERSION --platform linux/amd64,linux/arm64 --tag backstopjs/backstopjs:$BACKSTOPJS_VERSION docker
|
|
|
|
```
|
|
|
|
### local load to your registry
|
|
|
|
build + load it to your registry (load does not support more than 1 platform, push does https://github.com/docker/buildx/issues/59):
|
|
|
|
AMD64:
|
|
|
|
```
|
|
export BACKSTOPJS_VERSION=6.1.4
|
|
docker buildx build --build-arg BACKSTOPJS_VERSION --platform linux/amd64 --load --tag backstopjs/backstopjs:$BACKSTOPJS_VERSION docker
|
|
```
|
|
|
|
ARM64:
|
|
|
|
```
|
|
export BACKSTOPJS_VERSION=6.1.4
|
|
docker buildx build --build-arg BACKSTOPJS_VERSION --platform linux/arm64 --load --tag backstopjs/backstopjs:$BACKSTOPJS_VERSION docker
|
|
```
|
|
|