Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    grunt-html-snapshotspublic

    grunt-html-snapshots

    Greenkeeper badge

    npm version Build Status Dependency Status devDependency Status devDependency Status

    The grunt task for html-snapshots

    Getting Started

    This plugin requires Grunt >=0.4.0

    If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

    npm install grunt-html-snapshots --save-dev

    Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

    grunt.loadNpmTasks('grunt-html-snapshots');

    The "html_snapshots" task

    Overview

    This is a simple grunt task that uses the html-snapshots library. In your project's Gruntfile, add a section named html_snapshots to the data object passed into grunt.initConfig().

    grunt.initConfig({
      html_snapshots: {
        options: {
          // Task-specific options go here.
        },
        your_target: {
          options: {
            // Target-specific options go here.
          }
        },
      },
    })

    Options

    options.force

    Type: boolean Default value: false

    A boolean value that is used to force the Gruntfile to continue, even if this task fails.

    MORE

    For details of task and target specific options, read the options section of html-snapshots

    Usage Examples

    Default Options and Targets

    In this example, the default options are used to specify that the output directory should always be cleaned prior to taking snapshots, that a local robots.txt file should be used, and the html should be served from localhost. On all pages except the home page, when the selector "#dynamic-content" appears in the output, the page is ready for a snapshot. On the home page, we only take the snapshot when the selector "#home-content" is visible in the output.

    grunt.initConfig({
      html_snapshots: {
        // options for all targets
        options: {
          source: "/path/to/local/robots.txt",
          hostname: "localhost",
          selector: { "__default": "#dynamic-content", "/": "#home-content" },
          outputDirClean: "true",
        },
        // the debug target
        debug: {
          options: {
            outputDir: "./snapshots/debug"
          }
        },
        // the release target
        release: {
          options: {
            outputDir: "./snapshots/release"
          }
        }
      }
    });
     
    grunt.loadNpmTasks('grunt-html-snapshots');
     
    grunt.registerTask('debug', ['html_snapshots:debug']);
    grunt.registerTask('release', ['html_snapshots:release']);

    Many more options are available. For details and examples of using the html-snapshots options, visit html-snapshots.

    Contributing

    In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

    install

    npm i grunt-html-snapshots

    Downloadsweekly downloads

    317

    version

    1.0.2

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar