HTML::Proofer

If you generate HTML files, then this tool might be for you.

HTML::Proofer is a set of tests to validate your HTML output. These tests check if your image references are legitimate, if they have alt tags, if your internal links are working, and so on. It's intended to be an all-in-one checker for your output.

Build Status Gem Version

Installation

Add this line to your application's Gemfile:

gem 'html-proofer'

And then execute:

$ bundle

Or install it yourself as:

$ gem install html-proofer

Usage

Using in a script

Require the gem; generate some HTML; create a new instance of the HTML::Proofer on your output folder; then run it. Here's a simple example:

require 'html/proofer'
require 'html/pipeline'
require 'find'

# make an out dir
Dir.mkdir("out") unless File.exists?("out")

pipeline = HTML::Pipeline.new [
  HTML::Pipeline::MarkdownFilter,
  HTML::Pipeline::TableOfContentsFilter
], :gfm => true

# iterate over files, and generate HTML from Markdown
Find.find("./docs") do |path|
  if File.extname(path) == ".md"
    contents = File.read(path)
    result = pipeline.call(contents)

    File.open("out/#{path.split("/").pop.sub('.md', '.html')}", 'w') { |file| file.write(result[:output].to_s) }
  end
end

# test your out dir!
HTML::Proofer.new("./out").run

Using on the command-line

You'll get a new program called htmlproof with this gem. Jawesome!

Use it like you'd expect to:

htmlproof run ./out --swap wow:cow,mow:doh --ext .html.erb --ignore www.github.com

Note: since swap is a bit special, you'll pass in a pair of RegEx:String values. htmlproof will figure out what you mean.

Using with Jekyll

Want to use HTML Proofer with your Jekyll site? Awesome. Simply add gem 'html-proofer' to your Gemfile as described above, and add the following to your Rakefile, using rake test to execute:

require 'html/proofer'

task :test do
  sh "bundle exec jekyll build"
  HTML::Proofer.new("./_site").run
end

Don't have or want a Rakefile? You could also do something like the following:

htmlproof ./_site

What's Tested?

  • Whether all your images have alt tags
  • Whether your internal image references are not broken
  • Whether external images are showing
  • Whether your internal links are not broken; this includes hash references (#linkToMe)
  • Whether external links are working

Configuration

The HTML::Proofer constructor takes an optional hash of additional options:

  • :ext: the extension (including the .) of your HTML files (default: .html)
  • :href_swap: a hash containing key-value pairs of RegExp => String. It transforms links that match RegExp into String via gsub.
  • :href_ignore: an array of Strings or RegExps containing hrefs that are safe to ignore (mailto is always ignored)
  • :disable_external: if true, does not run the external link checker, which can take a lot of time (default: false)
  • :verbose: if true, outputs extra information as the checking happens. Useful for debugging. (default: false)

You can also pass in any of Typhoeus' options for the external link check. For example:

HTML::Proofer.new("out/", {:ext => ".htm", :verbose = > true, :ssl_verifyhost => 2 })

This sets HTML::Proofer's' extensions to use .htm, and gives Typhoeus a configurtion for it to be verbose, and use specific SSL settings. Check the Typhoeus documentation for more information on what options it can receive.

Ignoring content

Add the data-proofer-ignore attribute to any <a> or <img> tag to ignore it from the checks.

Custom tests

Want to write your own test? Sure! Just create two classes--one that inherits from HTML::Proofer::Checkable, and another that inherits from HTML::Proofer::Checks::Check. Checkable defines various helper methods for your test, while Checks::Check actually runs across your content. Checks::Check should call self.add_issue on failures, to add them to the list.

Here's an example custom test that protects against mailto links:

class OctocatLink < ::HTML::Proofer::Checkable

  def mailto?
    return false if @data_ignore_proofer || @href.nil? || @href.empty?
    return @href.match /^mailto\:/
  end

  def octocat?
    return @href.match /\:[email protected]\Z/
  end

end

class MailToOctocat < ::HTML::Proofer::Checks::Check

  def run
    @html.css('a').each do |l|
      link = OctocatLink.new l, "octocat_link", self

      if link.mailto? && link.octocat?
        return self.add_issue("Don't email the Octocat directly!")
      end
    end
  end
end