MichaelDimmitt

Inputs do not grow but should.

https://stackoverflow.com/questions/7168727/make-html-text-input-field-grow-as-i-type

https://css-tricks.com/auto-growing-inputs-textareas had an interesting solution that requires no library: https://codepen.io/shshaw/pen/bGNJJBE

Simplified here: https://codepen.io/michaeldimmitt/pen/mdGXgjy

In order to be simplified:

Content editable needed two spaces to start out

Disclaimer:

(This is a quick off the cuff post do not take as gospel. I could probably improve or add more research/accuracy.)

As I learned I came to a few conclusions that helped me a lot.

Levels of difficulty of a task/learning
Learning falls into different buckets
Prioritize what you want to learn and have backup plans/objectives.

Levels of difficulty of a task/learning

sleep (easiest)

Lets get you good at things you end up building over and over in your career

Overall

linters and formatters:
add a config to enforce code standards and code style.

Manually standardizing a coding style is not worth the conflict.
If you cannot enforce it in an automated way with zero communication then you have no standard long term.

formatter: the teams formatters must be aligned to avoid formatter override hell.
cspell, check english spelling. (you could expose your dictionary of words on the front end too!)
vs-code extension, code-spell-checker - puts blue squiggles under words. (uses cspell under the hood)

One good use for Discriminating Unions in Typescript

Today I learned, some new typescript today after facing a simple issue.

The issue I faced, I wanted a type that would enforce:

if defined, both are required.
else, none are required.
bonus, you can have other discriminating unions require other types to be included instead of this one.

This would ensure developers do not miss one of the inputs when you need both for the change to work effectively.

Robot-Framework-Selenium getting started with 2 files

my-first-test.robot
requirements.txt

How to install python on a macbook computer

brew install python3;
python3 -m pip install --user --upgrade pip;

Test rail is a test case management system.

Video on railtest: https://www.youtube.com/watch?v=kBWwMUCYvMk

Rail Test is a test aggregator / dasboard / assignment system that integrates with jira.
This video example shows writing manual tests.
This video example shows importing manual tests.
This video example shows assigning a test to a qa person.

Thoughts:

Problem: (MS teams Status Management)

The "Microsoft Teams Status" shows as away on teams when working from my desktop.

This is due to a weird caching issue! It may be the fact that the desktop application was the first device logged into. The phone being logged in after the desktop application tells teams this is the primary device. By clearing cache the desktop application becomes the primary device once again and regains control of status management.

Issue:

Fix:

Identify what jest files have failing tests:

yarn test --maxWorkers=50% 2>&1 | grep FAIL | sort -u

How to find tests that take longer than 400ms

yarn test --testTimeout=400 2>&1 | grep FAIL

Some of these tests may take some time as they have user interaction.

A typescript guide,

learn the primitive types ... number, string, etc. https://www.typescriptlang.org/docs/handbook/2/everyday-types.html
Unions and Intersections https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html
Pick, Omit, Partial https://dev.to/glebirovich/5-typescript-utility-types-that-will-make-your-life-easier-i44
Typescript how to extract nested type:
https://stackoverflow.com/questions/56779149/typescript-how-to-extract-nested-type

	Debug a dropdown in the browser

	https://superuser.com/questions/249050/chrome-keyboard-shortcut-to-pause-script-execution

	setTimeout(() => {debugger}, 4000)