Skip to content

Instantly share code, notes, and snippets.

View christian-bromann's full-sized avatar
🕵️‍♂️
Testing All The Things™

Christian Bromann christian-bromann

🕵️‍♂️
Testing All The Things™
View GitHub Profile
@christian-bromann
christian-bromann / scripts-getA11yTree.ts
Created March 24, 2025 11:29
WebdriverIO Workshop Script for Chapter 13th
interface NodeInfo {
// xpath: string
cssSelector: string
tagName: string
role?: string
name?: string | null
description?: string
isDisabled?: boolean
isAccessible: boolean
children?: NodeInfo[]
import decamelize from 'decamelize';
import { namedTypes } from 'ast-types';
import { possibleStandardNames } from './constants.js';
type Node = namedTypes.Property | namedTypes.ObjectProperty | namedTypes.Expression | namedTypes.SpreadElement | namedTypes.SpreadProperty | namedTypes.ObjectMethod | undefined
/**
* Get the React property name for a given Stencil property name
const handleDrag = (e: React.DragEvent<HTMLDivElement>, targetId: string): void => {
e.preventDefault()
let a = 1
if (!draggedId || a) {
return
}
const draggedRef = itemRefs.current.get(draggedId)
const targetRef = itemRefs.current.get(targetId)
{
"info": {
"_postman_id": "7a8337f5-12f0-4b28-8462-2809cece17e5",
"name": "Contact List Documentation",
"description": "This is the API for the Contact List App: \nhttps://thinking-tester-contact-list.herokuapp.com/",
"schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json",
"_exporter_id": "33129"
},
"item": [
{
@christian-bromann
christian-bromann / a11yTree.ts
Created January 12, 2025 00:09
get page structure
interface NodeInfo {
xpath: string
tagName: string
role?: string
name?: string | null
description?: string
isDisabled?: boolean
isAccessible: boolean
children?: NodeInfo[]
attributes?: Record<string, string>
---
layout: iframe-left
url: https://w3c.github.io/webdriver-bidi/
---
# WebDriver Bidi Protocol
Some interesting new capabilities worth looking into:
@christian-bromann
christian-bromann / README.md
Created February 7, 2023 18:52
Stateful.com Blog Post: How to Use the GitHub API to List Repositories

How to Use the GitHub API to List Repositories

As a software engineer you probably use GitHub quite often; as part of your day job, working on your solo projects, or when contributing to open source. Generally speaking, GitHub's UI is clean, intuitive, and nice to use. However, if you need to integrate GitHub with the applications you write, using GitHub manually just won't cut it. That's where GitHub's REST API comes in handy.

This post is a hands-on guide to the GitHub API. More specifically, you'll learn how to use the API to list repositories. We'll walk you through several scenarios, providing code samples and request examples in each one. By the end of the post, you'll feel comfortable when it comes to fetching repositories from GitHub.

Requirements

There are a few boxes you have to check if you want to follow along with the tutorial. First of all, I assume you're comfortable with the concept of RESTful APIs and have some experience working with AP

@christian-bromann
christian-bromann / dropdown.md
Created July 21, 2022 17:07 — forked from citrusui/dropdown.md
"Dropdowns" in Markdown
How do I dropdown?
This is how you dropdown.

<details>
<summary>How do I dropdown?</summary>
<br>
This is how you dropdown.
@christian-bromann
christian-bromann / proof
Created November 15, 2021 22:28
Keybase proof
### Keybase proof
I hereby claim:
* I am christian-bromann on github.
* I am bromann (https://keybase.io/bromann) on keybase.
* I have a public key ASCKalN1Vw3JP9jI-JIyR0lN9MwNiQXLgVk7RjDhHYjOfQo
To claim this, I am signing this object:
@christian-bromann
christian-bromann / gatsby.e2e.js
Created July 18, 2020 10:13
Gatsby WebdriverIO Recipe
const GatsbyPage = require('../pageobjects/home.page');
describe('My home page', () => {
beforeEach(() => {
GatsbyPage.open();
})
it('make this test work', () => {
expect(GatsbyPage.header).toHaveText('Hello Gatsby');
});