Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
testing

21 Articles
{
,

}
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
Direct link to the article Testing React Hooks With Enzyme and React Testing Library
enzyme react hooks testing

Testing React Hooks With Enzyme and React Testing Library

As you begin to make use of React hooks in your applications, you’ll want to be certain the code you write is nothing short of solid. There’s nothing like shipping buggy code. One way to be certain your code is …

Avatar of Kingsley Silas
Kingsley Silas on Nov 29, 2019
Direct link to the article How We Perform Frontend Testing on StackPath’s Customer Portal
testing

How We Perform Frontend Testing on StackPath’s Customer Portal

Direct Link

Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be:

  1. TypeScript – A language, but you’re essentially getting various testing for free (passing the right arguments and types of
…
Avatar of Chris Coyier
Shared by Chris Coyier on Nov 15, 2019
Direct link to the article #178: Percy Catches Visual Changes in any Workflow
percy testing visual testing

#178: Percy Catches Visual Changes in any Workflow

I wanted to make sure you understand exactly what Percy can do for you, hence the title. When you commit a change to your websites Git repo, like in a Pull Request workflow most of us live in, Percy will …

Avatar of Chris Coyier
Chris Coyier on Nov 6, 2019
Direct link to the article Recipes for Performance Testing Single Page Applications in WebPageTest
performance testing

Recipes for Performance Testing Single Page Applications in WebPageTest

WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. As a Web Performance Evangelist at Theodo, I use it every single day. I am constantly amazed at what it …

Avatar of Nicolas Goutay
Nicolas Goutay on Oct 13, 2019
Direct link to the article Model-Based Testing in React with State Machines
JavaScript react state state machines testing xstate

Model-Based Testing in React with State Machines

Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features …

Avatar of David Khourshid
David Khourshid on Jan 2, 2020
Direct link to the article Lessons Learned from a Year of Testing the Web Platform
testing

Lessons Learned from a Year of Testing the Web Platform

Direct Link

Mike Pennisi:

The web-platform-tests project is a massive suite of tests (over one million in total) which verify that software (mostly web browsers) correctly implement web technologies. It’s as important as it is ambitious: the health of the web depends

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jul 29, 2019
Direct link to the article Types or Tests: Why Not Both?
test testing

Types or Tests: Why Not Both?

Every now and then, a debate flares up about the value of typed JavaScript. “Just write more tests!” yell some opponents. “Replace unit tests with types!” scream others. Both are right in some ways, and wrong in others. Twitter affords …

Avatar of Shawn Wang
Shawn Wang on Jul 10, 2019
  • 1
  • 2
  • Older
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top