1. karma-phantomjs-launcher
A Karma plugin. Launcher for PhantomJS.
karma-phantomjs-launcher
Package: karma-phantomjs-launcher
Created by: karma-runner
Last modified: Wed, 04 Jan 2023 14:43:14 GMT
Version: 1.0.4
License: MIT
Downloads: 441,187
Repository: https://github.com/karma-runner/karma-phantomjs-launcher

Install

npm install karma-phantomjs-launcher
yarn add karma-phantomjs-launcher

karma-phantomjs-launcher

js-standard-style
npm version npm downloads

Build Status Dependency Status devDependency Status

Launcher for PhantomJS.

Installation

The easiest way is to keep karma-phantomjs-launcher as a devDependency in your package.json,
by running

 $ npm install --save-dev karma-phantomjs-launcher

Configuration

 // karma.conf.js
module.exports = function(config) {
  config.set({
    browsers: ['PhantomJS', 'PhantomJS_custom'],

    // you can define custom flags
    customLaunchers: {
      'PhantomJS_custom': {
        base: 'PhantomJS',
        options: {
          windowName: 'my-window',
          settings: {
            webSecurityEnabled: false
          },
        },
        flags: ['--load-images=true'],
        debug: true
      }
    },

    phantomjsLauncher: {
      // Have phantomjs exit if a ResourceError is encountered (useful if karma exits without killing phantom)
      exitOnResourceError: true
    }
  })
}

The options attribute allows you to initialize properties on
the phantomjs page object, so

 options: {
  windowName: 'my-window',
  settings: {
    webSecurityEnabled: false
  },
}

is equivalent to:

 var webPage = require('webpage')
var page = webPage.create()

page.windowName = 'my-window'
page.settings.webSecurityEnabled = false

You can pass list of browsers as a CLI argument too:

 $ karma start --browsers PhantomJS_custom

If you set the debug option to true, you will be instructed to launch a web browser to
bring up the debugger. Note that you will want to put debugger; statements in your JavaScript
to hit breakpoints. You should be able to put breakpoints in both your test code and your client
code. Note that the debug option automatically adds the --remote-debugger-port=9000 and
--remote-debugger-autorun=yes switches to PhantomJS.


For more information on Karma see the homepage.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin