22 skills found
bbc / WraithWraith — A responsive screenshot comparison tool
Mikuu / MicooA simple screenshots compare solution for visual regression test
assertthat / Selenium ShutterbugJava library to create customized full page/frame/elements screenshots using Selenium WebDriver and Java AWT, screenshots and images comparison and many more cool stuff
whtsky / Pixelmatch PyA fast pixel-level image comparison library, originally created to compare screenshots in tests.
McBaws / CompAutomatically generates screenshots of video files in a directory, and uploads them to an image comparison website.
wlsf82 / Backstop ConfigA simple implementation of BackstopJS for running screenshot comparison tests on static websites.
jamesryanbell / Node WraithA responsive screenshot comparison tool. Based on the Ruby version available at (http://github.com/BBC-News/wraith)
wix-incubator / Eyes.itAdd screenshot comparison to existing protractor tests simply by changing `it` to `eyes.it`
kazurayam / VisualTestingInKatalonStudioThis is a Katalon Studio project which performs 2 ways of screenshot-comparison testing for WebUI in full automation. Twins mode compares 2 host names at a time. Chronos mode compares the current view of a AUT to the previous one. You can make your own Katalon Studio project capable of the same screenshot-comparison. approach. Instruction provided.
craigtaub / SnapandcompareScreenshot comparison tool used for CSS Visual Regression Testing.
clayallsopp / Motion ScreenspecsTest your RubyMotion app using screenshot comparison
wix-incubator / Puppeteer Eyes.itAutomatic screenshot comparison using Puppeteer, Jest and Applitools Eyes.
sonjaq / Watircats[deprecated] Watir-Webdriver-powered Screenshot Comparison and Testing Tool
dmitrijbes / DetailistDetailist is a simple tool that allows to take screenshots, compare screenshots using heatmap of differences and extract screenshots text (OCR).
Ebazhanov / Cypress Image Screenshot Comparisonscreenshot comparison + Cypress + Mochawesome report + CircleCI
rambler-digital-solutions / Rspec VisualGem for "visual" testing with rspec via screenshot comparison.
timzatko / Feebasfeebas - screenshot comparison tool for identifying visual regressions.
bleech / Visual Regression TestsFind issues before others do – every time. With automatic screenshots, daily comparisons, and instant tests after WordPress and plugin updates.
0xBrewing / Ui EvidenceLocal before/after UI evidence for agent-driven changes. Capture screenshots, build comparisons, and review what actually changed.
riggiobill / Front End HTML Web Application# Web Design Homework - Web Visualization Dashboard (Latitude) ## Background Data is more powerful when we share it with others! Let's take what we've learned about HTML and CSS to create a dashboard showing off the analysis we've done.  ### Before You Begin 1. Create a new repository for this project called `Web-Design-Challenge`. **Do not add this homework to an existing repository**. 2. Clone the new repository to your computer. 3. Inside your local git repository, create a directory for the web challenge. Use a folder name to correspond to the challenge: **WebVisualizations**. 4. Add your **html** files to this folder as well as your **assets**, **Resources** and **visualizations** folders. 5. Push the above changes to GitHub or GitLab. 6. Deploy to GitHub pages. ## Latitude - Latitude Analysis Dashboard with Attitude For this homework we'll be creating a visualization dashboard website using visualizations we've created in a past assignment. Specifically, we'll be plotting [weather data](Resources/cities.csv). In building this dashboard, we'll create individual pages for each plot and a means by which we can navigate between them. These pages will contain the visualizations and their corresponding explanations. We'll also have a landing page, a page where we can see a comparison of all of the plots, and another page where we can view the data used to build them. ### Website Requirements For reference, see the ["Screenshots" section](#screenshots) below. The website must consist of 7 pages total, including: * A [landing page](#landing-page) containing: * An explanation of the project. * Links to each visualizations page. There should be a sidebar containing preview images of each plot, and clicking an image should take the user to that visualization. * Four [visualization pages](#visualization-pages), each with: * A descriptive title and heading tag. * The plot/visualization itself for the selected comparison. * A paragraph describing the plot and its significance. * A ["Comparisons" page](#comparisons-page) that: * Contains all of the visualizations on the same page so we can easily visually compare them. * Uses a Bootstrap grid for the visualizations. * The grid must be two visualizations across on screens medium and larger, and 1 across on extra-small and small screens. * A ["Data" page](#data-page) that: * Displays a responsive table containing the data used in the visualizations. * The table must be a bootstrap table component. [Hint](https://getbootstrap.com/docs/4.3/content/tables/#responsive-tables) * The data must come from exporting the `.csv` file as HTML, or converting it to HTML. Try using a tool you already know, pandas. Pandas has a nifty method approprately called `to_html` that allows you to generate a HTML table from a pandas dataframe. See the documentation [here](https://pandas.pydata.org/pandas-docs/version/0.17.0/generated/pandas.DataFrame.to_html.html) The website must, at the top of every page, have a navigation menu that: * Has the name of the site on the left of the nav which allows users to return to the landing page from any page. * Contains a dropdown menu on the right of the navbar named "Plots" that provides a link to each individual visualization page. * Provides two more text links on the right: "Comparisons," which links to the comparisons page, and "Data," which links to the data page. * Is responsive (using media queries). The nav must have similar behavior as the screenshots ["Navigation Menu" section](#navigation-menu) (notice the background color change). Finally, the website must be deployed to GitHub pages. When finished, submit to BootcampSpot the links to 1) the deployed app and 2) the GitHub repository. Ensure your repository has regular commits (i.e. 20+ commits) and a thorough README.md file ### Considerations * You may use the [weather data](Resources/cities.csv) or choose another dataset. Alternatively, you may use the included [cities dataset](Resources/cities.csv) and pull the images from the [assets folder](Resources/assets). * You must use Bootstrap. This includes using the Bootstrap `navbar` component for the header on every page, the bootstrap table component for the data page, and the Bootstrap grid for responsiveness on the comparison page. * You must deploy your website to GitHub pages, with the website working on a live, publicly accessible URL as a result. * Be sure to use a CSS media query for the navigation menu. * Be sure your website works at all window widths/sizes. * Feel free to take some liberty in the visual aspects, but keep the core functionality the same.
