moztrap-new-ui

A new frontend UI for MozTrap that levarages on its REST API

Production Site

Use this production site(only tested on Firefox) directly, or host on your own.

Dependencies

• bower (npm install -g bower if you have Node.js and npm)

Installation

• git clone this repo.
• Run bower install to install 3rd party dependencies. ( A bower_components folder should be created.)
• If you need the diff function, run git submodule init; git submodule update;.
• Open the index.html in the browser.
• Summary:

git clone https://github.com/shinglyu/moztrap-new-ui.git
cd moztrap-new-ui/
bower install
git submodule init; git submodule update;
firefox index.html &

Testing

• Unit test: open test/unit/unittest.html in the browser
• Functional test: run test/functional/run.sh (Python + Selenium required)
  • Run pip install selenium

Tutorial

• Presentation Slides
• React.js Tutorial: A step-by-step guide on how the site is built using React.js, with live demo and commented code.

Related Projects

• MozTrap - The upstream project. The MozTrap test case management system.
• MozTrap API Tester - Help you test and explore MozTrap's REST API
• MozTrap CLI - A MozTrap commandline interface for editing test cases offline.
• MozTrapHelper - An addon to workaround old MozTrap's performance issue. We might levarage this to combine the old and new UI.

Contributing

We are migrating our backlog from Trello to GitHub. Simply submit bugs or feature requests using the GitHub "issues" to the right side of the page.

The feature requests are in this Trello board, ask slyu@mozilla.com for access right. Everyone is welcome to pick a bug/feature and work on it.