kosciolek

Debugging & Testing Guide

A practical guide for debugging complex issues and running tests effectively, learned from investigating production regressions in large codebases.

Quick Start Debugging Checklist

When you encounter a bug report or failing test:

1. Reproduce first - Create a minimal test case that demonstrates the exact issue
2. Establish baseline - Run existing tests to see what currently works/breaks

kosciolek

[
  {
    "name": "Erik",
    "surname": "Perez",
    "address": {
      "country": "BJ",
      "city": "Gekavenu",
      "street": "Icni Square"
    },
    "birth": "1970-08-27T08:41:30.587Z",

kosciolek

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import java.util.Scanner;
import java.util.Stack;

// Troche pozmienialem nazwy metod/interfejsow ale poza tym to struktura prawie taka sama
// Dziala troche jak reverse polish notation (op popuje argumenty ze stacku i wrzuca result na stack)

class Main {

kosciolek

;(async () => {
  console.info('Type stop() to stop.')
  const sleep = (ms) => new Promise((res) => setTimeout(res, ms));

  const msgSelector = ".j83agx80.jwdofwj8.pby63qed";
  const msgTextSelector = ".oo9gr5id[dir=auto]";
  const msgAuthorSelector = ".pfnyh3mw.r9r71o1u.m9osqain.fsrhnwul.dkr8dfph";
  const scrollableSelector =
    ".buofh1pr.j83agx80.eg9m0zos.ni8dbmo4.cbu4d94t.gok29vw1";
  const msgContainerSelector = '[aria-label=Messages]';

kosciolek

import { css } from "@emotion/react";
import styled from "@emotion/styled";

export const breakpoints = {
  xs: 0,
  sm: 460,
  md: 820,
  lg: 1350,
  xl: 1880,
};

kosciolek

export const iif = <PROPS extends unknown, PROP_NAME extends keyof PROPS>(
  prop: PROP_NAME,
  val?: PROPS[PROP_NAME]
) => (propsInner: PROPS) => {
  if (val !== undefined) return propsInner[prop] === val ? "&" : "&.__NEVER";
  return propsInner[prop] ? "&" : "&.__NEVER";
};

export const variant = <PROPS extends unknown>(
  prop: PROPS[keyof PROPS],

kosciolek

/* eslint-disable react-hooks/rules-of-hooks */
import {useLayoutEffect, useState} from "react";

export const firstToUppercase = (string: string) =>
  string.charAt(0).toUpperCase() + string.slice(1);

export const breakpoints = {
  xs: 0,
  sm: 600,
  md: 960,

kosciolek

html {
  font-size: max(8px, calc(8 / 1440 * 100vw));
  font-family: 'Poppins', sans-serif;
  line-height: 1;
  letter-spacing: 0.02rem;
}

body {
  font-size: max(18px, calc(18 / 1440 * 100vw));
  margin: 0;

kosciolek

function getScrollbarWidth() {
  const outer = document.createElement('div');
  outer.style.visibility = 'hidden';
  outer.style.overflow = 'scroll';
  document.body.appendChild(outer);

  
  const inner = document.createElement('div');
  outer.appendChild(inner);
  

kosciolek

import {useEffect, useState} from "react";
import {firstToUppercase} from "../utils/js";

export const breakpoints = {
  xs: "0px",
  sm: "600px",
  md: "960px",
  lg: "1280px",
  xl: "1920px",
};