lost-pixel
actions-workflow-samples
lost-pixel | actions-workflow-samples | |
---|---|---|
33 | 11 | |
1,217 | 430 | |
2.6% | 1.4% | |
9.4 | 5.8 | |
20 days ago | about 1 month ago | |
TypeScript | Pug | |
MIT License | MIT License |
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.
lost-pixel
-
How to debug GitHub actions. Real-world example
As an example, we will run a simple GitHub action on our front-end project. GitHub action will be the bare minimum and will execute some open-source visual regression tests on a single webpage.
-
Open-source visual regression testing with Vue & Histoire
Hey, r/vuejs! Over the weekend, I found out about Histoire existence and that the Vue community loves the tool. I am building a visual regression testing framework(some see it as an addition to E2E tests, and some use visual tests as smoke tests because of the ease of use), and I decided to add the first-class support of Histoire to it.
-
Complete guide on Playwright visual regression testing
in this case you could start experimenting with cloud solutions as this setup that you explained looks far more in the direction of a well established business(where you could afford paying for external services). we built lost-pixel.com exactly for this purpose, we don't support multiple browser runs at this stage but we already do support breakpoints. it's usually about optimising the tools for the use case(or rather converging the use case to existing tools if it makes the life of engineers easier) and I think there is no unsolvable problem when it comes to testing :D
- Visual regression testing tool
-
Storybook visual regression testing with Lost Pixel
- we have our engine open-sourced. You could use Lost Pixel for free outside of the Lost Pixel Platform(like loki.js)- we are not storybook tool per se(like chromatic). It allows you to compose your visual tests beyond storybook in single run- due to the nature of how we run the whole flow, we are cheaper than chromatic- chromatic is a great tool(before we wrote Lost Pixel we were using Chromatic in one my contracting gigs) but sometimes it lacks features, we want to make Lost Pixel a go to solution for visual testing, wether it be storybook, or custom testing or holistic testing.
-
Showoff Saturday: Lost Pixel Platform - visual regression testing for your Frontend
We have worked hard on the Lost Pixel Platform - the SaaS version of our tool. We are a small team of two working on it currently, but we already have awesome clients like prisma.io and adverity.com. I would be excited if you try it out and give us the feedback if you will have any!
-
Developers, how do you test that your pages look like how the figmas look like.
Maybe you could set up https://lost-pixel.com in custom mode; you would make a screenshot of Figma UI & then run it over Lost Pixel visual regression testing. Hit me up, I think I might help you to get it running! u/a-friendgineer
-
Visual regression testing with Turborepo, Next.js & Lost Pixel
Hey, r/nextjs! I am a big fan of monorepos, using Turborepo in almost all of my projects, I am also a big fan of visual tests :D Prepared this short tutorial on how to get Turborepo running with Lost Pixel(Disclaimer: I've created this tool, it's OSS, btw)
-
I've build Lost Pixel Platform - visual regression testing cloud for your Frontend
Hey! We got some love some time ago here on reddit when we launched https://github.com/lost-pixel/lost-pixel so we decided to validate our idea further and build a full fledged platform to manage your visual tests. https://lost-pixel.com - welcome Lost Pixel Platform! We already have large teams using it for quite a bit of time so we decided to go into Open Beta and open our work of almost 6 months to everybody! I would be super grateful for your feedback and of course I am here to answer all of your questions and just chat. We are free for Open Source projects so if you want to use our managed version for your public OSS project just drop me a message!
-
[Showoff Saturday] Lost Pixel Platform - visual regression testing cloud based on our open-source lost-pixel engine
Check it out - https://lost-pixel.com/Being OSS at heart our platform is free for Open Source projects!
actions-workflow-samples
- How best should I handle `$env/static/*` in Github Actions?
-
Github Actions for multi-tenant/subscription deployments
GitHub Actions for Azure (official examples): https://github.com/Azure/actions-workflow-samples
-
Website... Unchained
appcontent.yml - Used to deploy my app content to the Azure App Service. Using this sample provided by Microsoft, with very minor modifications.
-
What do you need in a docker-container in order to be able to publish a npm package through a GitHub action?
It's using GitHub Secrets. This guide helps: https://github.com/Azure/actions-workflow-samples/blob/master/assets/create-secrets-for-GitHub-workflows.md
-
Next.js visual regression testing made easy
For this exercise we need a personal access token from github. To ensure that the action has access to the GitHub token which you, by the way, should never expose to the public - we will place it in the secrets of the repo.
-
How to make an npm package with an automated workflow
First we'll need to make some repo secrets. Here's a nice guide from Azure explaining how to do just that. It isn't difficult at all.
-
CI/CD for WordPress on Azure with GitHub Actions
Add Actions secrets for the FTPS credentials. In our example the secret names are WP_USER and WP_PASSWORD.
-
Wagtail hosting options?
Yep. For the projects I’ve worked on, the Azure Functions for scheduling were in their own `functions` folder at the root of the repository. Upon successful deployment of the main app, we’d then deploy the functions. Aside from that deployment happening after the main app’s, we use the same deployment configuration as the official example for GitHub Actions with Python functions: https://github.com/Azure/actions-workflow-samples/blob/master/FunctionApp/linux-python-functionapp-on-azure.yml.
-
How to setup CI/CD for org-based development?
We have 1 user that we use for deployment. We keep the username and password of this user in a Secret (all platforms support some form of secrets, here is some docs on Github Actions specifically).
-
Say Hello to the Kyma Update Twitter Bot via Azure Durable Functions
I followed the official documentation (Link) and used the pre-defined template and it worked out of the box.
What are some alternatives?
histoire - ⚡ Fast and beautiful interactive component playgrounds, powered by Vite
azure-docs - Open source documentation of Microsoft Azure
clobbr - ⚡️ A tool to check the speed and resilience of your API endpoints against multiple parallel or sequence requests.
twitter-lite - A tiny, full-featured, flexible client / server library for the Twitter API
superflows - Open-source toolkit to build an AI copilot for SaaS products
Actions - ⚙️ Supercharge your shortcuts
reporter - TSDoc Test Reporter is a test reporter that attaches TSDoc comments to your test results. It enables you to attach metadata to your unit tests in the form of comments.
kyma-updates-twitter-bot - Twitter Bot for Updatees in Kyma (and releated repos)
trytouca - Continuous Regression Testing for Engineering Teams
azure-storage-node - Microsoft Azure Storage SDK for Node.js
lost-pixel-next-blogpost
twurl - OAuth-enabled curl for the Twitter API