React three fiber (R3f) testing tutorial: Testing your 3D app using TDD approach

React three fiber (R3f) testing tutorial covers how use react three fiber renderer for testing. Will cover a basic TDD approach.

Intro: (00:0:00)
Project setup including installing React Three Test Renderer (00:11:42)
Create test one - child components (00:24:37)
Create test two -  Color property (00:5:05)
Create test three -  Test click event handling and scale property (00:29:42)

docs : https://docs.pmnd.rs/react-three-fibe...

code : https://github.com/ui-code-tv/react3d...

Check out my other videos on react-three-fiber

Working with GLB models: Working with GLB models  in React.js:...
React-three-fiber and react-spring 3d React.js , three.js (React-three-fibe...
Creat GLB model and import: Working with GLTF models  in React.js...

• #howto_style
• #gltf
• #react_three_fiber
• #react_three_renderer
• #reactjs_tdd
• #threejs_testing
• #react_three_jest