BackstopJS
DownloadNet
BackstopJS | DownloadNet | |
---|---|---|
11 | 20 | |
6,620 | 3,648 | |
- | 1.8% | |
9.0 | 6.1 | |
1 day ago | 10 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
BackstopJS
- Waiting for hte clients site to load after updating plugins
-
Is there a way to automatically find UI related/CSS bugs, something that works like unit testing but it's UI?
Ive used backstopjs for this in the past https://github.com/garris/BackstopJS
-
Comparing Full Page Screenshots, Cross-Device
There are different tools for visual screenshot testing, like BackstopJS, and Cypress.io also has a screenshot() function. In this series, I focus on writing tests with CodeceptJS.
- BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time
- BackstopJS: Catch CSS Curve Balls
-
What's your primary goal when you do screenshot testing?
Iāve been using BackstopJS for doing the regression testing, which is very useful and provides a nice report showing differences if it finds any. Recently Iāve been looking at Cypress for my other types of tests, and realized it also supports visual regression testing, though there isnāt a nice report that it outputs. Setting it up in Cypress is pretty easy though.
-
Help on post-deployment test
I would look into visual regression testing instead of programmatically checking for the presence of UI elements if possible. Basically , you take screenshots of all your web pages pre and post deployment. The selected tool then compares the screenshots and shows the pixel differences. I have used backstop js in the past: https://github.com/garris/BackstopJS but am not sure what tool is more used nowadays. After a quick Google search, I had a difficult time trying to find a free tool. Since you are using Cypress, I found an article where someone was able to use the snapshot plugin to create a visual regression test suite: https://www.toptal.com/web-qa/ui-visual-regression-testing . Sorry for lack of formatting. I am on mobile and this is the best I can do right now. Hope this helps.
-
Visual Regression Testing with Playwright
Popular libraries such as BackstopJS for Puppeteer, or Loki provides developers and QA with powerful techniques to quickly, and easily, set up visual regression testing.
-
Ask HN: What is the best visual diff program for web pages?
Backstop.js is very useful for this. Provides good tools for viewing the visual diffs. Also possible to automate in a CI environment.
https://github.com/garris/BackstopJS
-
Automated Visual Regression Testing with BackstopJS
BackstopJS is a framework that automates visual regression testing. This framework is written in JS and consists of the following tools:Puppeteer(headless chrome)+ ResembleJS(diff library). It uses a headless Chrome, in that way it's not actually opening up our Chrome browser and it's not taking screenshots that we can see. All we have to do is, write a script for simulating user scenarios and run backstopJS commands and it goes through and simulates user flows with headless chrome automatically. All we have to do is, run a simple command in the command-line tool so that it will take care of all the work for us.
DownloadNet
-
ArchiveBox: Open-source self-hosted web archiving
For anyone who uses Chrome and wants to view their archived pages in the browser as if they were still online (URL and everything intact), and also full-text search through their browsing history that was archived (like AB plans to add in future, I think, right nikki?) you can check out DownloadNet: https://github.com/dosyago/DownloadNet
You can have multiple archives, and even use a mode where you only archive pages you bookmark rather than everything.
-
Show HN: Rem: Remember Everything (open source)
This does look cool. It reminds me of a recent discovery I made. The other day, while trying to recover some disk space, I found a giant file on my hard disk. It turned out to be a nine-hour screen recording from almost a year ago. I had no idea it existed, so I mustāve accidentally left the screen recording on. Watching it was fascinating; it was like a window into my thought process at that time. You could see how I was researching something online. It was almost like a play-by-play, akin to re-watching a sports performance ā very instructive and surprisingly useful.
In a similar vein to what youāve done, but focusing specifically on web browsing, Iāve created a tool called āDownloadNet.ā It archives for offline use and fully indexes every page you visit. Additionally, it can be configured to archive only the pages you bookmark, offering another mode of operation. Itās an open-source tool, so feel free to check it out: https://github.com/dosyago/DownloadNet
-
You're Gonna Need a Bigger Browser
Given that I directly work in this space I found the article's synthesis of a range of ideas about browser innovation to be highly relevant.
More generally, the article is actually extremely interesting and examines a bunch of ideas worthy of consideration if you're interested in the future of web browsing.
Perhaps none of the ideas are new in isolation, but it's encouraging that people are doing this foundational conceptual work and imagining where a synthesis of them would go.
Despite being interesting somehow on the page it was not so easy to read. Here's a summary of key ideas:
Stagnation in Browser Evolution: Berjon notes that despite being central to the web's architecture, browsers haven't changed much in their fundamental design for a long time. They have undergone incremental changes but the core concept remains largely the same as it was decades ago.
Reimagining Browsers: He suggests that to increase user agencyāa principle that the web should empower usersāwe need to consider major overhauls to what a browser is and how it operates.
Integration of Search and Social: Berjon challenges the traditional separation of browsers, search engines, and social platforms. He advocates for an integrated approach where the browser encompasses these functions, aligning more closely with users' experiences and expectations.
Shift From Client to Agent: The author proposes rethinking the browser not just as a client for retrieving documents but as an "agent" that provides a variety of services, potentially including server-like functions, to empower users.
User Agency and Personal Data Servers: By incorporating elements such as Personal Data Servers (PDS), users could manage their own data and services like recommendations, identity, and subscriptions, which currently rely on third-party providers.
Tab Management: Berjon critiques the use of tabs, suggesting that they are an ineffective method for organizing and interacting with web content, and advocates for better UI solutions.
Business Models: He delves into the financial aspects of browsers, highlighting the significant profits derived from setting search engine defaults. Berjon argues for reinvestment of these profits into the web as a public good and for developing business models that truly benefit user agency.
Potential for Change: Despite the challenges, Berjon is optimistic about the possibility of change, noting that there is room for product differentiation and that financial incentives can drive innovation in the browser space.
I found the one about User Agency and Personal Data Servers particularly fascinating. I've been exploring the idea of a federated search engine, where a person curates their own search through their browsing history (and ultimately could share it socially), in DownloadNet: https://github.com/dosyago/DownloadNet
And my company has been developing a platform for building extended and customized browsing experiences and delivering them anywhere. It's my hope that BrowserBox will play a part in the future direction of the browser as user agent. It's open source so if you care about the future of the web, get involved: https://github.com/BrowserBox/BrowserBox :)
-
Google Chrome pushes browser history-based ad targeting
If you're interested in utilizing your history information for something in your intentional interests, consider saving an archive of pages you browse to make a search engine you can query back through later.
You can save the full content for indexing with full text search, and you can even export archives as tarballs by zipping up the directory. Many people find this a useful way to "mine" their own browser history to create a curated search engine aligned with your interests. Or simply to save the pages they browse for review offline--either to save bandwidth, or just because they're actually "offline"--at a remote site, or on an airplane.
Everything is saved in a fully interactive way. Personally tho, I find search the most useful feature. Also, we're open source so if you want to get involved, please do so!
https://github.com/dosyago/DiskerNet
-
Show HN: Linkwarden ā An open source collaborative bookmark manager
If you want full-text-search with archiving check out my project, DiskerNet. https://github.com/dosyago/DiskerNet --> also well done on LinkWarden! Looks like a great product! :)
- Show HN: DiskerNet ā Browse the Internet from Your Disk, Now Open Source
-
Wayback: Self-hosted archiving service integrated with Internet Archive
For archiving, look into https://github.com/dosyago/DiskerNet
It's real next gen thinking on this topic.
As for the featured tool wayback... If HN readers can't figure out what it does after reading docs, its likely the thinking behind it is equally unclear.
- DiskerNet - Save and index web content locally
- Show HN: DiskerNet ā save and index web content locally
What are some alternatives?
cypress-image-snapshot - Catch visual regressions in Cypress
min - A fast, minimal browser that protects your privacy
loki - š Visual Regression Testing for Storybook
SingleFileZ - Web Extension to save a faithful copy of an entire web page in a self-extracting ZIP file
pixelmatch - The smallest, simplest and fastest JavaScript pixel-level image comparison library
hamsterbase - self-hosted, local-first web archive application.
screenity - The free and privacy-friendly screen recorder with no limits š„
ZAP - The ZAP core project
android-capture - Capture video and screenshots from Android devices and emulators.
Archiver - a streaming interface for archive generation
nightwatch - Integrated end-to-end testing framework written in Node.js and using W3C Webdriver API. Developed at @browserstack
activitywatch - The best free and open-source automated time tracker. Cross-platform, extensible, privacy-focused.