Git Product home page Git Product logo

hideo's Introduction

Hideo (秀雄)

Visual regression testing reporter

Mrs Hideo Sonobe

Ubuntu Build Status

This project is

generates an report, one or more web pages, from directories of screen captures and a possible meta data, such as generated by shigehachi

Background for the name

The name of the project is for honouring the legacy of Mrs Sonobe Hideo (園部 秀雄), who was the 15th head master of Jikishinkageryu Naginatajutsu (直心影流薙刀術), which is an ancient Japanese martial art, focusing the handling of a long pole like weapon called naginata.

Getting started

Please note that the minimum supported version of Node.js is 14.15.0, which is the active Long Term Support (LTS) version.

The metrics input is expected to look something similar to, such as provided by shigehachi version 6 onwards:

{
  "5317107e6e45bc44da564197e8478702": {
    "metric": "RootMeanSquaredError",
    "normalized": {
      "red": "0.0410206303",
      "green": "0.2454052653",
      "blue": "0.2478704718",
      "opacity": "0.3134753265",
      "total": "0.2353789431"
    },
    "absolute": {
      "red": "2688.3",
      "green": "16082.6",
      "blue": "16244.2",
      "opacity": "20543.6",
      "total": "15425.6"
    },
    "A": "tests/fixtures/prev/postcss.png",
    "B": "tests/fixtures/curr/postcss.png",
    "diff": "tests/fixtures/output/postcss-rmse-tint.png"
  }
}

The data collected by shigehachi is basically gathering what GraphicsMagick tells when using its compare utility.

The resulting HTML site is build by using JavaScript template strings.

Command line options

The output of hideo --help pretty much covers all the options:

Contributing

"A Beginner's Guide to Open Source: The Best Advice for Making your First Contribution".

Also there is a blog post about "45 Github Issues Dos and Don’ts".

Linting is done with ESLint and can be executed with npm run lint. There should be no errors appearing after any JavaScript file changes.

Unit tests are written with tape and can be executed with npm test. Code coverage is inspected with nyc and can be executed with npm run coverage after running npm test. Please make sure it is over 90% at all times.

Version history

Changes happening across different versions and upcoming changes are tracked in the CHANGELOG.md file.

License

Copyright (c) Juga Paazmaya [email protected]

Licensed under the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.