christian-bromann

Run Chrome headless

The good old PhantomJS times are over. The project is not maintained anymore and it is recommended to switch over to Chrome headless. Just run a local Selenium standalone server:

$ java -jar Sites/selenium-server-standalone-3.4.0.jar

christian-bromann

(async function () {
    const webdriverio = require('webdriverio')

    const browser = webdriverio.remote({
        path: '/',
        desiredCapabilities: {
            browserName: 'firefox'
        }
    })

christian-bromann

const GatsbyPage = require('../pageobjects/home.page');

describe('My home page', () => {
    beforeEach(() => {
        GatsbyPage.open();
    })

    it('make this test work', () => {
        expect(GatsbyPage.header).toHaveText('Hello Gatsby');
    });

christian-bromann

### 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

How do I dropdown?

This is how you dropdown.

<details>
<summary>How do I dropdown?</summary>
<br>
This is how you dropdown.

christian-bromann

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

---
layout: iframe-left
url: https://w3c.github.io/webdriver-bidi/
---

# WebDriver Bidi Protocol

Some interesting new capabilities worth looking into:

christian-bromann

interface NodeInfo {
  xpath: string
  tagName: string
  role?: string
  name?: string | null
  description?: string
  isDisabled?: boolean
  isAccessible: boolean
  children?: NodeInfo[]
  attributes?: Record<string, string>

christian-bromann

{
	"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

  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)