How to Exclude Playwright Test Traffic from Google Analytics

Dec 11, 2022. 12 min read.

Let's filter out automated UI tests traffic from Google Analytics. We will use Playwright's configuration file to set up a debug_mode variable on browser's localStorage to be picked up by Google Analytics configuration. This way we can run our automated tests in any environment with any client IP and be certain that Google Analytics data is not being polluted.
Cover photo for How to Exclude Playwright Test Traffic from Google Analytics post

GitHub Actions Set Output Migration For Multiline Pull Request Comments

Nov 12, 2022. Last updated on Feb 22, 2023. 5 min read.

Since set-output command is now deprecated, we will replace it with the new shiny $GITHUB_OUTPUT (and other Environment files) syntax. We will also see if, instead of posting comments on pull request pages, we can leverage the new Job Step Summary approach. Which makes adding custom markdown reports and log messages to our GitHub workflow runs super easy.
Cover photo for GitHub Actions Set Output Migration For Multiline Pull Request Comments post

iPhone Low Power Mode Shortcuts Automation

Oct 12, 2022. 7 min read.

Let's leverage Low Power Mode, Apple Shortcuts and Automations to make our phones run almost two times longer on a single battery charge. Native Shortcuts app is totally a fun one to play with!
Cover photo for iPhone Low Power Mode Shortcuts Automation post

How to Wait for Single Page Navigation and Re-hydration with Playwright and React Router

Jul 28, 2022. Last updated on Dec 21, 2022. 6 min read.

We look into ways to write robust end-to-end tests involving navigation between pages in a single page application (pun intended). We evaluate page-specific element selectors approach and come up with the custom "UI is ready" router navigation event in attempt to skip element selectors altogether.
Cover photo for How to Wait for Single Page Navigation and Re-hydration with Playwright and React Router post

Invalidate or Clear GitHub Actions Cache

May 13, 2022. Last updated on Mar 8, 2023. 4 min read.

Cache invalidation is one of the most complex computer science tasks. Especially so for GitHub action workflows, since there is no explicit mechanism to clean or invalidate present caches. However, what we can do - is to update cache keys with a dedicated environment or repository variable.
Cover photo for Invalidate or Clear GitHub Actions Cache post

Github Actions for Dependabot PRs

Dec 7, 2021. 4 min read.

Let's learn how to extend existent Pull Request Update GitHub Actions workflow with steps specific for Dependabot pull requests (i.e. labels). We will add two jobs to the existent pull_request workflow and experiment with separate "before" and "after" workflow_run event workflows. Fortunately, after the recent GitHub actions update we don't need to use a separate pull_request_target event workflow as a workaround.
Cover photo for Github Actions for Dependabot PRs post

Optimize GitHub Actions for UI Builds and Tests with Cache

Nov 23, 2021. 8 min read.

GitHub Actions is an awesome and very powerful tool. Let's explore workflow running time optimizations with caching node_modules and production build artifacts. We will be using "Dependency Cache" GH Actions feature driven by "actions/cache". Hint: as always, cache invalidation is a key.
Cover photo for Optimize GitHub Actions for UI Builds and Tests with Cache post

The Making of a Manager by Julie Zhuo

Jul 3, 2021. 3 min read.

Just finished this very insightful and down-to-earth book on team management basics. Comes with loads of actionable advice, check-lists and quizzes. It covers everything from first month on the job and managing yourself to efficient meetings and growing leadership within your organization. Author, Julie Zhuo joined Facebook early on as a designer intern and since then has grown to the position of…
Cover photo for The Making of a Manager by Julie Zhuo post

Efficient Code Review

Jul 2, 2021. 10 min read.

Reviewing code is complex and demanding. When implemented correctly it can truly lift the project and the team up to the next level. On the flip side, when done wrong, it causes more harm than good. Let's dive deep into what makes for a good code review and how to approach it in a scalable, respectful and mutually beneficial manner.
Cover photo for Efficient Code Review post

Good Parts of AngularJs Framework

May 8, 2021. Last updated on Nov 23, 2022. 4 min read.2

Reminiscing on coding approaches and application architecture patterns introduced and popularized by AngularJs 1.x framework in the front-end community. Framework itself is gone and dusted, but its legacy is very much alive.
Cover photo for Good Parts of AngularJs Framework post
♥ Built with joy, Gatsby, React, TypeScript and GraphQL ♥
© 2023