Toggle between dark and light theme Search for an article

ElioStruyf GitHub Star | M365 Development, Developer Technologies MVP | Google Developer Expert Azure | Microsoft 365 | Visual Studio Code | End-to-End Testing

Along with acting as VP of BIWUG (Belgian Information Worker User Group), Elio is an independent contractor for his own consulting company, Struyf Consulting.

End-to-End Test Microsoft 365 Solutions with Playwright

In the past, I have written a couple of articles about end-to-end (E2E) testing your SharePoint/Microsoft Teams solutions with Cypress, Puppeteer, and Playwright. I was a big fan of Cypress, but I must admit that Playwright caught up and became my favorite tool for E2E testing. For me, the most significant advantage of Cypress was the visual UI for running your tests, but the main disadvantage was its use of an iframe, which caused issues for testing SharePoint and Microsoft Teams.

Read more

Retrieving an artifact from a previous GitHub Actions workflow

While configuring some end-to-end tests with Playwright, I wanted to achieve a visual comparison between the current run and the previous one. Playwright expects to have a snapshot available for its comparison. When I run this on GitHub Actions, the snapshots should be taken from my previous GitHub Actions workflow run.

Read more

Organize and Optimize: Splitting Visual Studio Code Extension Settings into Multiple Categories

I have always been adding my Visual Studio Code extension settings to the contributes.configuration object, but I was missing a way to organize the settings in multiple sections/groups. That way, the end user gets a better overview of all settings grouped by their category. When reading the VSCode contributes.configuration schema documentation, I spotted the following: “This section can either be a single object, representing a single category of settings, or an array of objects, representing multiple categories of settings.

Read more

Render your Astro markdown content for your overviews

I wanted to create a roll-up of the latest news articles on our new BIWUG community site (which still needs to be released). Show image BIWUG News Rollup When I retrieved the news collection data, I only got the front matter data and the markdown content. Looking at the Astro documentation, I found several ways to get the HTML.

Read more

Leveraging Astro for React App Performance Boost

Earlier this week, I was working on optimizing an internal analysis website that uses many JSON files for its content collections. During the local development and with smaller datasets, the website was super fast, but when I received a larger dataset, I noticed that the website got very slow. The slowness mainly came from the amount of data and the processing in React.

Read more

Localization of Webviews in Visual Studio Code Extensions

In the previous post, I showed how to localize the extension commands/settings and code. In this post, I want to show how to localize the webviews in Visual Studio Code extensions, as this is a bit more complicated and not yet documented. First, webviews allow you to create fully customizable views for your extensions.

Read more
Back to top