1. @wdio/static-server-service
A WebdriverIO service that can serve your static websites
@wdio/static-server-service
Package: @wdio/static-server-service
Created by: webdriverio
Last modified: Sat, 20 Apr 2024 00:44:55 GMT
Version: 8.36.1
License: MIT
Downloads: 47,842
Repository: https://github.com/webdriverio/webdriverio

Install

npm install @wdio/static-server-service
yarn add @wdio/static-server-service

WebdriverIO Static Server Service

Some projects are front-end assets only, and don't run on more than a static server. This service helps you to run a static file server during testing.

Installation

The easiest way is to add @wdio/static-server-service as a devDependency in your package.json, via:

 npm install @wdio/static-server-service --save-dev

Instructions on how to install WebdriverIO can be found here.

Configuration

To use the static server service, add static-server to your service array:

 // wdio.conf.js
export const config = {
    // ...
    services: ['static-server'],
    // ...
};

Options

folders (required)

Array of folder paths and mount points.

Type: Array<Object>
Props:

  • mount {String} - URL endpoint where folder will be mounted.
  • path {String} - Path to the folder to mount.
  // wdio.conf.js
 export const config = {
    // ...
    services: [
        ['static-server', {
            folders: [
                { mount: '/fixtures', path: './tests/fixtures' },
                { mount: '/dist', path: './dist' },
            ]
        }]
    ],
    // ...
 };

port

Port to bind the server.

Type: Number

Default: 4567

middleware

Array of middleware objects. Load and instatiate these in the config, and pass them in for the static server to use.

Type: Array<Object>
Props:

  • mount {String} - URL endpoint where middleware will be mounted.
  • middleware <Object> - Middleware function callback.

Default: []

 // wdio.conf.js
import middleware from 'middleware-package'

export const config = {
    // ...
    services: [
        ['static-server', {
            middleware: [{
                mount: '/',
                middleware: middleware(/* middleware options */),
            }],
        }]
    ],
    // ...
};

For more information on WebdriverIO, see the homepage.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code