Shineyrock | web design Clarksville, VA blog • Unit Testing in React: Shallow vs. Static Testing

Shineyrock

web design & consultancy

Shineyrock

blog

like 2 12
Unit Testing in React: Shallow vs. Static Testing
1. July 2017
2. Daily
3. read 605
In my course on Unit Testing React Components, I showed you how to use Enzyme, the Airbnb unit-testing library, to unit test React components.
Enzyme gives us a couple of different types of ways to render React components. In this video from the course, we’ll look at the difference between shallow rendering and static rendering, and talk about when you might use them.
Related Links
- Shallow Rendering API
- Static Rendering API
Watch the Full Course
The full course, Unit Testing React Components, goes into much more detail on unit testing React components, which is actually easy to do thanks to React's functional programming model. We'll go from the basic setup and writing a test all the way through to full DOM rendering tests.
If you want to see what else you can do with JavaScript, check out the wide range of JavaScript plugins on Envato Market.
martijn broeders

founder/ strategic creative at shineyrock web design & consultancy
e-mail: .(JavaScript must be enabled to view this email address)
phone: 434 210 0245

Like
disLike

2

Add a comment...

Comments
Name*
Email*
location
URL
Comment{comment}
Remember my personal information Notify me of follow-up comments?

By - category

By - date

December, 2023
December 07The Best Small Business Web Designs by DesignRush
/
2
October, 2022
October 09Create Modern Vue Apps Using Create-Vue and Vite
/
1
September, 2022
September 15Pros and Cons of Using WordPress
September 12How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress
September 12How To Fix The “There Has Been A Critical Error in Your Website” Error in WordPress
/
-4
August, 2022
August 22How to Create a Privacy Policy Page in WordPress
August 22WordPress Website Maintenance Guide For Beginners
April, 2022
April 12How Long Does It Take to Learn JavaScript?
/
1
April 12How Long Does it Take to Learn JavaScript
January, 2022
January 11The Best Way to Deep Copy an Object in JavaScript
/
1
December, 2021
December 25Read a CSV to an Array in PHP
/
4
December 25Read a CSV to Array in PHP
/
-4
December 02Adding and Removing Elements From Arrays in JavaScript
/
4
December 02Create a JavaScript AJAX Post Request: With and Without jQuery
/
4
November, 2021
November 235 Real-Life Uses for the JavaScript reduce() Method
/
-4
July, 2021
July 15How to Enable or Disable a Button With JavaScript: jQuery vs. Vanilla
/
6
July 15How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla
/
-6
July 09Confirm Yes or No With JavaScript
/
-1
June, 2021
June 19How to Change the URL in JavaScript: Redirecting
/
-4
June 0715+ Best WordPress Twitter Widgets
/
-1
May, 2021
May 3127 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/
11
May 3121 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/
-4
May 2630 HTML Best Practices for Beginners
/
-7
May 1731 Best WordPress Calendar Plugins and Widgets (With 5 Free Plugins)
/
-5
May 1325 Ridiculously Impressive HTML5 Canvas Experiments
/
-1
May 12HTTP Headers for Dummies
/
5
May 06How to Implement Email Verification for New Members
/
2
May 06How to Create a Simple Web-Based Chat Application
/
2
April, 2021
April 2730 Popular WordPress User Interface Elements
/
-2
April 20Top 18 Best Practices for Writing Super Readable Code
/
3
April 19Best Affiliate WooCommerce Plugins Compared
/
-9
March, 2021
March 3018 Best WordPress Star Rating Plugins
/
8
March 2510+ Best WordPress Twitter Widgets
/
-3
March 1720+ Best WordPress Booking and Reservation Plugins
/
1
February, 2021
February 25Working With Tables in React: Part Two
/
-4
February 25Best CSS Animations and Effects on CodeCanyon
/
-13
February 2530 CSS Best Practices for Beginners
/
-3
February 22How to Create a Custom WordPress Plugin From Scratch
/
-2
May, 2020
May 1410 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
/
-3
May 1316 Best Tab and Accordion Widget Plugins for WordPress
/
-3
April, 2020
April 2818 Best WordPress Membership Plugins and 5 Free Plugins
/
-1
April 1725 Best WooCommerce Plugins for Products, Pricing, Payments and More
/
1
April 0910 Best WordPress Twitter Widgets
1 /
8
- about 6 years ago waly Good blog post. I absolutely love this…
March, 2020
March 0512 Best Contact Form PHP Scripts for 2020
/
-1
September, 2017
February, 2020
February 2520 Popular WordPress User Interface Elements
/
-4
February 1410 Best WordPress Star Rating Plugins
/
-7
January, 2020
January 3112 Best CSS Animations on CodeCanyon
/
-3
January 1512 Best WordPress Booking and Reservation Plugins
/
-1
January 0920 Best WordPress Calendar Plugins and Widgets
December, 2019
December 3012 Elegant CSS Pricing Tables for Your Latest Web Project
/
6
December 1924 Best WordPress Form Plugins for 2020
/
3
September, 2019
September 0614 Best PHP Event Calendar and Booking Scripts
/
-6
September 02Getting Started With Django: Newly Updated Course
July, 2019
July 26Create a Blog for Each Category or Department in Your WooCommerce Store
/
7
April, 2019
April 128 Best WordPress Booking and Reservation Plugins
/
-7
March, 2019
March 14Best Exit Popups for WordPress Compared
/
16
March 14Best Exit Popups for WordPress Compared
/
-7
March 0411 Best Tab & Accordion WordPress Widgets & Plugins
/
-9
March 0412 Best Tab & Accordion WordPress Widgets & Plugins
1
- 6 years ago harriett What's up, after reading this awesome…
February, 2019
February 04New Course: Practical React Fundamentals
/
1
January, 2019
January 21Short Course: Better Angular App Architecture With Modules
January 09Preview Our New Course on Angular Material
/
2
January 08Build Your Own CAPTCHA and Contact Form in PHP
/
-2
December, 2018
December 03Object-Oriented PHP With Classes and Objects
/
-7
December 02Best Practices for ARIA Implementation
/
-1
December 02Accessible Apps: Barriers to Access and Getting Started With Accessibility
/
-6
November, 2018
November 15Dramatically Speed Up Your React Front-End App Using Lazy Loading
/
17
October, 2018
October 3015 Best Modern JavaScript Admin Templates for React, Angular, and Vue.js
/
-4
October 2915 Best Modern JavaScript Admin Templates for React, Angular and Vue.js
/
3
October 2719 Best JavaScript Admin Templates for React, Angular, and Vue.js
/
2
October 18New Course: Build an App With JavaScript and the MEAN Stack
/
2
October 12Hands-on With ARIA: Accessibility Recipes for Web Apps
/
-1
October 0410 Best WordPress Facebook Widgets
13 /
-1
- 7 years ago Cathleen Wonderful, what a website it is! This…
- 7 years ago Sharyn Ѕimply a smiling ѵisitant heгe to…
- 7 years ago shelby What's up it's me, I am also visiting…
- 7 years ago Lottie I read this paragraph completely…
September, 2018
September 28Hands-on With ARIA: Accessibility for eCommerce
/
-2
September 19New eBooks Available for Subscribers
/
-3
September 18Hands-on With ARIA: Homepage Elements and Standard Navigation
/
13
September 1320 Best jQuery Image Sliders
/
-4
September 04Site Accessibility: Getting Started With ARIA
/
-1
August, 2018
August 22How Secure Are Your JavaScript Open-Source Dependencies?
/
-2
August 20New Course: Secure Your WordPress Site With SSL
/
-3
August 17Testing Components in React Using Jest and Enzyme
/
-9
August 10Testing Components in React Using Jest: The Basics
/
-4
July, 2018
July 3015 Best PHP Event Calendar and Booking Scripts
/
3
June, 2018
June 28Create Interactive Gradient Animations Using Granim.js
/
13
June 12How to Build Complex, Large-Scale Vue.js Apps With Vuex
1 /
-9
- 6 years ago Frankenicerm Get exactly what you want with custom…
June 08Examples of Dependency Injection in PHP With Symfony Components
/
-2
May, 2018
May 28Set Up Routing in PHP Applications Using the Symfony Routing Component
1 /
13
- 6 years ago romeo You certainly deserve a round of…
May 25A Beginner’s Guide to Regular Expressions in JavaScript
/
7
May 25Introduction to Popmotion: Custom Animation Scrubber
/
-7
May 23Introduction to Popmotion: Pointers and Physics
/
-16
May 22New Course: Connect to a Database With Laravel’s Eloquent ORM
/
-13
May 11How to Create a Custom Settings Panel in WooCommerce
/
-10
May 04Building the DOM faster: speculative parsing, async, defer and preload
1 /
1
- 6 years ago Melissa Perfect info, thanks!
May 0320 Useful PHP Scripts Available on CodeCanyon
3 /
42
- 6 years ago darios Valuable info. Lucky me I found your…
- 6 years ago Vern Link exchhange is nothing else excelt…
- 8 years ago Patsy Bryan Wow, that's what I was seeking for,…
April, 2018
April 26How to Find and Fix Poor Page Load Times With Raygun
/
2
April 20Introduction to the Stimulus Framework
/
-7
April 20Single-Page React Applications With the React-Router and React-Transition-Group Modules
April 18Testing in Laravel
/
1
April 1612 Best Contact Form PHP Scripts
1 /
4
- 7 years ago tammie I am sure this piece of writing has…
April 16Getting Started With the Mojs Animation Library: The ShapeSwirl and Stagger Modules
/
3
April 13Getting Started With the Mojs Animation Library: The Shape Module
April 11Getting Started With the Mojs Animation Library: The HTML Module
/
2
April 09Project Management Considerations for Your WordPress Project
/
-5
April 028 Things That Make Jest the Best React Testing Framework
/
4
March, 2018
March 30Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events
/
-1
March 28New Short Course: Code a Front-End App With GraphQL and React
/
3
March 28Creating an Image Editor Using CamanJS: Applying Basic Filters
/
-4
March 26Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
/
-4
March 23Modern Web Scraping With BeautifulSoup and Selenium
/
3
March 20Challenge: Create a To-Do List in React
1
- 6 years ago mezo Post wrting іs allso a excitement, іf…
March 19Deploy PHP Web Applications Using Laravel Forge
/
-1
March 16Getting Started With the Mojs Animation Library: The Burst Module
/
-3
March 14JWT Authentication in Django
/
-8
March 0810 Things Men Can Do to Support Women in Tech
/
2
February, 2018
February 28A Gentle Introduction to Higher-Order Components in React: Best Practices
/
-5
February 28Challenge: Build a React Component
/
2
February 27A Gentle Introduction to HOC in React: Learn by Example
/
4
February 26A Gentle Introduction to Higher-Order Components in React
/
-7
February 26Creating Pretty Popup Messages Using SweetAlert2
/
-6
February 24Creating Stylish and Responsive Progress Bars Using ProgressBar.js
/
7
February 2318 Best Contact Form PHP Scripts for 2022
/
-1
February 19How to Make a Real-Time Sports Application Using Node.js
/
-2
February 19Creating a Blogging App Using Angular & MongoDB: Delete Post
/
-12
February 16Set Up an OAuth2 Server Using Passport in Laravel
/
7
February 16Creating a Blogging App Using Angular & MongoDB: Edit Post
/
-5
February 15Creating a Blogging App Using Angular & MongoDB: Add Post
/
3
February 14Introduction to Mocking in Python
/
-1
February 14Creating a Blogging App Using Angular & MongoDB: Show Post
/
4
February 13Creating a Blogging App Using Angular & MongoDB: Home
/
7
February 12Phoenix I18n
/
1
February 12Creating a Blogging App Using Angular & MongoDB: Login
/
11
February 09Creating Your First Angular App: Implement Routing
/
3
February 08Persisted WordPress Admin Notices: Part 4
/
-9
February 08Creating Your First Angular App: Components, Part 2
/
-2
February 07Persisted WordPress Admin Notices: Part 3
/
3
February 07Creating Your First Angular App: Components, Part 1
/
1
February 06How Laravel Broadcasting Works
/
5
February 06Notifications in Laravel
/
8
February 06Persisted WordPress Admin Notices: Part 2
/
-4
February 06Create Your First Angular App: Storing and Accessing Data
/
1
February 05Persisted WordPress Admin Notices: Part 1
/
-4
February 02Error and Performance Monitoring for Web & Mobile Apps Using Raygun
February 02Using Luxon for Date and Time in JavaScript
7 /
-7
- 6 years ago earlene This text is invaluable. How can I find…
- 6 years ago amelie I needed to thank you for this great…
- 6 years ago noe vance Hi, for all time i used to check…
- 6 years ago brayden Pretty! This was an extremely wonderful…
January, 2018
January 30How to Create an Audio Oscillator With the Web Audio API
/
-9
January 29How to Cache Using Redis in Django Applications
/
3
January 2620 Essential WordPress Utilities to Manage Your Site
/
-8
January 26Introduction to API Calls With React and Axios
/
-1
January 25Beginner’s Guide to Angular 4: HTTP
/
14
January 24Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io
/
7
January 24Beginners Guide to Angular 4: Routing
/
-9
January 23Beginner’s Guide to Angular 4: Services
/
-1
January 22Beginner’s Guide to Angular 4: Components
/
-1
January 19Creating a Drop-Down Menu for Mobile Pages
/
6
January 18Introduction to Forms in Angular 4: Writing Custom Form Validators
/
5
January 1510 Best WordPress Booking & Reservation Plugins
/
-2
January 13Getting Started With Redux: Connecting Redux With React
/
7
January 13Getting Started With Redux: Learn by Example
/
12
January 13Getting Started With Redux: Why Redux?
/
5
January 12Understanding Recursion With JavaScript
January 12How to Auto Update WordPress Salts
/
-5
January 11How to Download Files in Python
/
6
January 10Custom Events in Laravel
/
-11
January 08Eloquent Mutators and Accessors in Laravel
1 /
12
- 6 years ago mezo Ι love it whenever people get…
January 02Handling Forms in Vue.js
/
-10
December, 2017
December 26Components in Vue.js
/
17
December 2210 Best HTML5 Sliders for Images and Text
/
5
December 21Site Authentication in Node.js: User Signup
/
-1
December 20Creating a Task Manager App Using Ionic: Part 2
/
-1
December 19Creating a Task Manager App Using Ionic: Part 1
/
-2
December 19Introduction to Forms in Angular 4: Reactive Forms
/
1
December 18Exception Handling in Laravel
/
-2
December 18Introduction to Forms in Angular 4: Template-Driven Forms
/
2
December 1824 Essential WordPress Utilities to Manage Your Site
/
3
December 1825 Essential WordPress Utilities to Manage Your Site
/
-7
December 13Get Rid of Bugs Quickly Using BugReplay
1 /
-18
- 5 years ago madison I see you don't monetize your site,…
December 11Manipulating HTML5 Canvas Using Konva: Part 1, Getting Started
/
3
December 0810 Must-See Easy Digital Downloads Extensions for Your WordPress Site
December 0722 Best WordPress Booking and Reservation Plugins
/
-2
December 07Understanding ExpressJS Routing
/
-4
December 0515 Best WordPress Star Rating Plugins
/
3
December 03Creating Your First Angular App: Basics
/
-6
November, 2017
November 30Inheritance and Extending Objects With JavaScript
/
-7
November 28Introduction to the CSS Grid Layout With Examples
1
- 6 years ago quito Hello. And Bye.
November 26How to Send Emails in Laravel
/
4
November 24Performant Animations Using KUTE.js: Part 5, Easing Functions and Attributes
November 23Performant Animations Using KUTE.js: Part 4, Animating Text
/
-5
November 22Performant Animations Using KUTE.js: Part 3, Animating SVG
/
-4
November 21New Course: Code a Quiz App With Vue.js
/
1
November 21Performant Animations Using KUTE.js: Part 2, Animating CSS Properties
November 206 Cutting-Edge React Courses
/
-1
November 20Performant Animations Using KUTE.js: Part 1, Getting Started
/
3
November 1710 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)
/
-9
November 14Single-Page Applications With ngRoute and ngAnimate in AngularJS
/
-11
November 13Deferring Tasks in Laravel Using Queues
/
-2
November 13Get Started With Vue Router
November 09Site Authentication in Node.js: User Signup and Login
/
4
November 07Working With Tables in React, Part Two
/
-14
November 06Working With Tables in React, Part One
/
5
November 06How to Set Up a Scalable, E-Commerce-Ready WordPress Site Using ClusterCS
/
-4
November 01New Course on WordPress Conditional Tags
/
4
October, 2017
October 31TypeScript for Beginners, Part 5: Generics
/
-2
October 30How to Deploy With Deployer
/
-10
October 26Building With Vue.js 2 and Firebase
6 /
13
- 6 years ago Peden Hello! I'm at work browsing your blog…
- 6 years ago cameron Very great post. I just stumbled upon…
- about 7 years ago juliane mckibben WOW just what I was looking for. Came…
- about 7 years ago carissa That is a good tip especially to those…
October 25Testing a Node.js API
/
-12
October 24Task Scheduling in Laravel
October 24Best Unique Bootstrap JavaScript Plugins
/
2
October 20Package Management in Laravel
October 19Essential JavaScript Libraries and Frameworks You Should Know About
/
4
October 19Gates and Policies in Laravel
/
3
October 12Vue.js Crash Course: Create a Simple Blog Using Vue.js
/
-14
October 10Build a React App With a Laravel RESTful Back End: Part 1, Laravel 5.5 API
/
5
October 05API Authentication With Node.js
/
-6
October 01Beginner’s Guide to Angular: HTTP
/
-1
October 01Beginner’s Guide to Angular: Routing
/
-4
October 01Beginners Guide to Angular: Routing
/
-8
October 01Beginner’s Guide to Angular: Services
/
2
October 01Beginner’s Guide to Angular: Components
/
2
September, 2017
September 30How to Create a Custom Authentication Guard in Laravel
/
3
September 28Learn Computer Science With JavaScript: Part 3, Loops
/
-8
September 27Build Web Applications Using Node.js
/
1
September 27Learn Computer Science With JavaScript: Part 4, Functions
/
2
September 26Learn Computer Science With JavaScript: Part 2, Conditionals
/
13
September 25Learn Computer Science With JavaScript: Part 1, The Basics
September 22Create Interactive Charts Using Plotly.js, Part 5: Pie and Gauge Charts
/
-4
September 21Create Interactive Charts Using Plotly.js, Part 4: Bubble and Dot Charts
September 20Create Interactive Charts Using Plotly.js, Part 3: Bar Charts
/
-8
September 19Awesome JavaScript Libraries and Frameworks You Should Know About
/
-1
September 19Create Interactive Charts Using Plotly.js, Part 2: Line Charts
/
-12
September 15Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js
/
-3
September 15Build a To-Do API With Node, Express, and MongoDB
/
3
September 14Getting Started With End-to-End Testing in Angular Using Protractor
/
7
September 14TypeScript for Beginners, Part 4: Classes
/
-5
September 13Object-Oriented Programming With JavaScript
/
7
September 1210 Best Affiliate WooCommerce Plugins Compared
/
-3
September 12Stateful vs. Stateless Functional Components in React
/
11
September 12Make Your JavaScript Code Robust With Flow
/
-4
September 11Build a To-Do API With Node and Restify
/
8
September 08Testing Components in Angular Using Jasmine: Part 2, Services
/
1
September 06Testing Components in Angular Using Jasmine: Part 1
/
-4
September 01Creating a Blogging App Using React, Part 6: Tags
/
-12
August, 2017
August 31React Crash Course for Beginners, Part 3
/
6
August 30React Crash Course for Beginners, Part 2
/
3
August 30React Crash Course for Beginners, Part 1
/
6
August 29Set Up a React Environment, Part 4
1 /
10
- 7 years ago abrazil Hello, I check your blog like every…
August 29Set Up a React Environment, Part 3
/
-1
August 29New Course: Get Started With Phoenix
/
-2
August 28Set Up a React Environment, Part 2
/
2
August 28Set Up a React Environment, Part 1
/
-5
August 25Command Line Basics and Useful Tricks With the Terminal
/
5
August 24How to Create a Real-Time Feed Using Phoenix and React
/
-2
August 22Build a React App With a Laravel Back End: Part 2, React
/
-4
August 22Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
/
-4
August 17Creating a Blogging App Using React, Part 5: Profile Page
/
-1
August 14Pagination in CodeIgniter: The Complete Guide
/
23
August 11JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
/
-3
August 10JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
/
-2
August 02Learn to Code With JavaScript: Part 1, The Basics
/
-3
July, 2017
July 3110 Elegant CSS Pricing Tables for Your Latest Web Project
/
-11
July 31Getting Started With the Flux Architecture in React
/
-3
July 27Getting Started With Matter.js: The Composites and Composite Modules
July 25Getting Started With Matter.js: The Engine and World Modules
/
14
July 2410 More Popular HTML5 Projects for You to Use and Study
/
-16
July 21Understand the Basics of Laravel Middleware
/
-3
July 21Iterating Fast With Django & Heroku
/
12
July 20Creating a Blogging App Using React, Part 4: Update & Delete Posts
/
-3
July 19Creating a jQuery Plugin for Long Shadow Design
/
-10
July 18How to Register & Use Laravel Service Providers
2 /
-7
- 6 years ago alexandria Hi, its fastidious article on the topic…
- 6 years ago soi keo I always spent my half an hour to read…
July 12Unit Testing in React: Shallow vs. Static Testing
/
2
July 05Creating a Blogging App Using React, Part 3: Add & Display Post
/
8
June, 2017
June 30Creating a Blogging App Using React, Part 2: User Sign-Up
20 /
-1
- 6 years ago carris This piece of writing presents clear…
- 6 years ago marissa Great write-up, I am normal visitor of…
- 6 years ago ena As a Newbie, I am always exploring…
- 6 years ago beth Thank you for another fantastic post.…
June 29Creating a Blogging App Using React, Part 1: User Sign-In
/
-3
June 239 More Popular HTML5 Projects for You to Use and Study
June 22Creating a Grocery List Manager Using Angular, Part 2: Managing Items
/
4
June 219 Elegant CSS Pricing Tables for Your Latest Web Project
/
-3
June 19Dynamic Page Templates in WordPress, Part 3
/
-2
June 17Angular vs. React: 7 Key Features Compared
/
5
June 15Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
June 13New eBooks Available for Subscribers in June 2017
/
2
June 13Create Interactive Charts Using Plotly.js, Part 1: Getting Started
/
6
June 12The 5 Best IDEs for WordPress Development (And Why)
/
-4
June 0833 Popular WordPress User Interface Elements
/
-4
June 07New Course: How to Hack Your Own App
/
-9
June 05How to Install Yii on Windows or a Mac
/
-3
June 01What Is a JavaScript Operator?
/
-3
June 01How to Register and Use Laravel Service Providers
/
2