jbinto

Some dumb Node.js debugging tricks

On Nov 15 2022 @cszatmary DM'd me about a flaky test he was having trouble with.

I don't want to get too in the weeds here about the specific problem or the challenges of our codebase, but if you would like a tl;dr of the actual issue we encountered, click show gory details below:

Click here to show gory details

• A brand new Supertest test would sometimes time out after 60 seconds, but only on CircleCI
Turning gzip compression off would make the tests pass reliably, this turned out to be a red herring

jbinto

mkjira

Quickly make JIRA tickets from the command line.

Setup

1. Login to JIRA and create an API token at https://id.atlassian.com/manage-profile/security/api-tokens

2. Install go-jira:

jbinto

h2 {
    :global([data-theme="fancy"]) :global([[data-color="pineapple"]]) & :global(em) {
        display: none;
    }
}

jbinto

// option 1 to override fetch, using cypress built-in facilities (e.g. sinon)

cy
    // sinon syntax ⬇️
    .stub(win, 'fetch')
    .withArgs('/graphql')

// The pseudocode-ish that this generates, kinda like this:
const realFetch = window.fetch
window.fetch = (arg1) => {

jbinto

cat /tmp/packages.txt | while read PACKAGE
do
  yarn info $PACKAGE --json | 
    head -n1 | 
    jq --raw-output '"\"\(.data.name)\", \"\(.data.version)\", \"\(.data.homepage)\", \"\(.data.license)\", \"\(.data.description)\""' |
    tee -a /tmp/output3.txt
done

jbinto

import React from 'react';
import gql from 'graphql-tag'
import { graphql } from 'react-apollo'

export const QUERY = gql`
  query($fooID: Int!) { foo(id: $fooID) { id } }
`

const withFoo = graphql(QUERY, {
  skip: ownProps => ownProps.active !== true,

jbinto

https://github.com/Shopify/graphql-parser

Inside visit_variable_definition_name, pry breakpoint, ls node:

GraphQL::Parser::VariableDefinition#methods: default_value  type  variable

node.type or node.default_value will segfault the parser.

jbinto

> [email protected] pretest /Users/jbinto/dev/react-boilerplate
> npm run lint


> [email protected] lint /Users/jbinto/dev/react-boilerplate
> npm run lint:js & npm run lint:css


> [email protected] lint:css /Users/jbinto/dev/react-boilerplate

jbinto

// Only using native browser features (no jQuery).
// Uses `fetch`, `DOMParser` and `querySelectorAll`.

const getTitle = (url) => {  
  return fetch(`https://crossorigin.me/${url}`)
    .then((response) => response.text())
    .then((html) => {
      const doc = new DOMParser().parseFromString(html, "text/html");
      const title = doc.querySelectorAll('title')[0];
      return title.innerText;

jbinto

const getTitle = (url, callback) => {
  $.get(`https://crossorigin.me/${url}`, (data) => {   
    const html = $.parseHTML(data);
    const bogus = $('<bogus>').append(html);
    const title = bogus.find('title').text();
    callback(title);
  });  
};

var urls = [