palantir/plottable — pull request #1466 by tkimcoop (2014-12-17 15:25:30+00:00)
Title: Overlay Quicktest Version 1.7

DO NOT REVIEW QUICKTESTS I JUST IMPORTED ALL QUICKTESTS FROM DEVELOP

FILES THAT SHOULD BE DEV REVIEWED
- overlaying.js
- overlaying.css
- index.html

My apologies for a bigger PR then expected, I was planning on having a minor addition, but the number of features just kept growing and growing as I continued. Code will be ugly, as I did not try too hard to make snippets of my code reusable as they should've been. Feel free to comment on whatever you see iffy.

But meanwhile, two new major additions include:

1. Can view ALL quicktests like the original two up! People don't have to be scared anymore about the overlay not doing what the 2up used to do! This doesn't mean there is a folder called "all" where I just stuff all the quicktests. Quicktest .js files will still be stored in respective categories, and choosing to render 'all' quicktests will just retrieve all quicktests from all category folders.
2. Sidebars! Yes, much like the colorTest, you can use the sidebar now to toggle the display of each quicktest! Feel free to mess around with them, and see if anything looks weird or could be improved.

THINGS I COULDN'T DO

1. Alternative for eval. Couldn't find how to get around it, and I'm sorry because I promised it for version 2. To be blunt, I dont think I have the technical ability or knowledge for a workaround, it would be great to get some feedback on it.
2. Search field on the sidebar. It would've been nice, but I thought it just would be too much things going on on a sidebar. Currently if you wanted to do something similar, (ex. just want to see all stackedArea related quicktests) you could do a command + f to search and find quicktests by keyword on the sidebar and toggle the displays.
3. Sidebars are currently not collapsible because I wanted to see how it looks like fully expanded first, after hearing what others had to say. Making them collapsible would be cool, but I guess this still works functionality wise.

To use, run grunt and visit http://localhost:9999/quicktests/overlaying/index.html

All quicktests of specified svg dimensions
![screen shot 2014-12-17 at 7 13 12 am](https://cloud.githubusercontent.com/assets/8551049/5473339/77b27bcc-85bd-11e4-9aac-e00f0d8670e5.png)

sidebar with all quicktests rendered
![screen shot 2014-12-17 at 7 13 43 am](https://cloud.githubusercontent.com/assets/8551049/5473340/77b669ee-85bd-11e4-8727-1c85b02d56a1.png)

selecting a different quicktests from different categories to show up
![screen shot 2014-12-17 at 7 15 09 am](https://cloud.githubusercontent.com/assets/8551049/5473341/77b774b0-85bd-11e4-9822-b587117594d5.png)