22

I recently rebuilt a moderately sized jQuery application/component using Lit, with the end result being 6-7 components spread over around 2,000 lines of code.

We currently have no automated testing at all but I'd like to implement it, especially now as the markup/styles have been moved into JavaScript. It's much better overall - but it feels riskier.

But I have no idea where to even begin. Do I set up end to end tests using Playwright on site? Can I test the components individually? Keeping in mind as well that we don't use a build system/any sort of CI.

Just wanted to get people's thoughts/experiences here.

8
[-] stratts@programming.dev 14 points 1 year ago

I use a single monitor AND a light theme for my IDE.

[-] stratts@programming.dev 2 points 1 year ago

This might be a bit off topic, but Windows 98, and to a lesser extent Windows XP and 7, always evoke a sense of nostalgic simplicity for me. The OS felt stable (as in, unchanging) and seemed to stay out of the way.

Since Windows 8, but especially with Windows 10 and 11, it's felt complicated, busy, and intrusive.

1
3
1
[-] stratts@programming.dev 1 points 1 year ago* (last edited 1 year ago)

GSMarena's HTC Titan review is funny in hindsight: https://www.gsmarena.com/htc_titan-review-675.php

It's significantly smaller than the 'small' S23

[-] stratts@programming.dev 2 points 1 year ago* (last edited 1 year ago)

The Galaxy S21/22/23 is slightly larger than the OP's Pixel 5 however. The Zenphone 9 might be a good option as it's around 2mm narrower - not a lot but it'd be noticeable for one handed usage.

1
SCSS nesting (programming.dev)
  • This file is over 20k lines long, and 400kB

  • It is nested over 10 levels deep in many places

  • There is no naming consistency. The original file used BEM, but now it switches randomly between whatever the devs felt like at the time. There are random contractions all over the place (eg, a parent container might have the class payment-items, but the children are p-item)

  • There is no style consistency. It switches randomly between kebab case, camel case, snake case, a mix of kebab and snake case (!!) or no case at all (just one long word with no separators). A parent element might use one case, but then the child element will use a different case for the exact same term

1
2

stratts

joined 1 year ago