Giter VIP home page Giter VIP logo

live-reftest-analyzer's Introduction

Live Gecko Reftest Analyzer

A tool for looking at failed reftests live.

For instance, say you run a try build, and get the following in the reftest analyzer:

!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/551463-1.html == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/551463-1-ref.html
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/586683-1.html == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/586683-1-ref.html
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/614272-1.svg == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/614272-1-ref.svg
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/615121-2.html != http://localhost:59831/1505412836519/163/bugs/615121-2-notref.html
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/621918-1.svg == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/621918-1-ref.svg
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/633344-1.html == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/633344-1-ref.html
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/641770-1.html == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/641770-1-ref.html
!   file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/641856-1.html == file:///builds/worker/workspace/build/tests/reftest/tests/layout/reftests/bugs/641856-1-ref.html

Just copy-paste that text into this tool, and it will bring up live instances of all the tests in iframes to check what they're doing in your local build (or nightly install). You can also use it to check what chrome/safari/edge do on the same inputs.

Each test also has a "source" button to quickly view the source of the tests, to see what they're trying to do.

This isn't great for finding small differences such as slight offsets or aliasing, but is good for quickly categorizing tests and catching big obvious things.

Basic Usage

  1. copy analyzer.html to the root of your gecko directory
  2. run python3 -m http.server in that same directory (this should produce something like (Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) ...)
  3. go to http://localhost:8000/analyzer.html (port may vary depending on previous step)
  4. paste text into input and hit submit!

Missing Features

  • Work directly off of a reftest URL
  • Show reftest image results for extra comparison
  • Properly format/highlight source
  • Source diffs?

live-reftest-analyzer's People

Contributors

porglezomp avatar gankra avatar

Watchers

James Cloos avatar  avatar

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.