Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
testing

28 Articles
{
,

}
Direct link to the article Writing Strong Front-end Test Element Locators
cypress testing

Writing Strong Front-end Test Element Locators

Automated front-end tests are awesome. We can write a test with code to visit a page — or load up just a single component — and have that test code click on things or type text like a user would, …

Avatar of Mark Noonan
Mark Noonan on Apr 22, 2022
Direct link to the article Test Your Product on a Crappy Laptop
testing

Test Your Product on a Crappy Laptop

There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secret that the average size of a website is huge, and …

Avatar of Eric Bailey
Eric Bailey on Dec 7, 2021 (Updated on Mar 2, 2022)
Direct link to the article Test Your Site With Real Users
testing user testing

Test Your Site With Real Users

A few years ago, there was this French book publisher. They specialize in technical books and published an author who wrote a book about CSS3, HTML5 and jQuery. The final version, however, a glaring typo on the cover where “HTML5” …

Avatar of Stéphanie Walter
Stéphanie Walter on Dec 2, 2021
Direct link to the article Testing Vue Components With Cypress
cypress testing vue

Testing Vue Components With Cypress

Cypress is an automated test runner for browser-based applications and pages. I’ve used it for years to write end-to-end tests for web projects, and was happy to see recently that individual component testing had come to Cypress. I work on …

Avatar of Mark Noonan
Mark Noonan on Oct 27, 2021
Direct link to the article Writing Your Own Code Rules
linting testing

Writing Your Own Code Rules

There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere after the project has proven to be something long-term and rough edges …

Avatar of Chris Coyier
Chris Coyier on Oct 7, 2021
Direct link to the article Front-End Testing is For Everyone
accessibility performance testing unit tests visual testing

Front-End Testing is For Everyone

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …

Avatar of Evgeny Klimenchenko
Evgeny Klimenchenko on Jun 1, 2021 (Updated on Jun 3, 2021)
Direct link to the article React Component Tests for Humans
react testing UnexpectedJS

React Component Tests for Humans

React component tests should be interesting, straightforward, and easy for a human to build and maintain.

Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing …

Avatar of Miroslav Nikolov
Miroslav Nikolov on Feb 23, 2021 (Updated on Mar 15, 2021)
continuous deployment continuous integration testing

A Continuous Integration and Deployment Setup with CircleCI and Coveralls

Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error, regardless of the size. But when there is a CI/CD process set up with well-written tests, those errors are a …

Avatar of Henry Eze
Henry Eze on Nov 9, 2020
Direct link to the article Develop, Preview, Test
testing

Develop, Preview, Test

Direct Link

Guillermo:

I want to make the case that prioritizing end-to-end (E2E) testing for the critical parts of your app will reduce risk and give you the best return. Further, I’ll show how you can adopt this methodology in mere

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jul 17, 2020
Direct link to the article Freezing User-Agent Strings
modernizr testing UA

Freezing User-Agent Strings

There’s been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they’ll still have a User-Agent (UA) string (that comes across in headers and is available in JavaScript as navigator.userAgent. By …

Avatar of Chris Coyier
Chris Coyier on Feb 3, 2020
Direct link to the article Getting Started with Front End Testing
testing visual testing

Getting Started with Front End Testing

Direct Link

Amy Kapernick covers four types of testing that front-end devs could and should be doing:

  1. Linting (There’s ESLint for JavaScript and Stylelint and/or Prettier for CSS.)
  2. Accessibility Testing (Amy recommends pa11y, and we’ve covered Axe.)
  3. Visual Regression Testing
…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 20, 2020
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top