A framework to test a React Native app during runtime

Overview

react-native-diagnose

npm version

A react runtime diagnose component

Rationale

  • Testing native applications is complicated
  • There are features that can only be tested on a device, unless mocked
  • You may want to test your app on a production build, before submit it to the stores
import { Diagnose, Test } from 'react-diagnose'

/**
 * Diagnose will run all test components inside
 * Test components are going to be marked visually as completed or not
 * to d
 */
return (
  <Diagnose suiteTitle="Diagnose">
    <Test should="Passing test" />
    <Test should="Unfinished test" run={() => {
      return new Promise(() => setTimeout(() => {}, 1000000))
    }} />
    <Test should="Failed test" run={() => {throw new Error('Failing test')}} />
    <Test should="Dummy test" />
  </Diagnose>
)

demo screenshot

Help wanted

  • Elapsed time
  • Before all
  • Before each
  • After each
  • After all

More documentation is incoming, in the meanwhile please read the source code. It is a single file! PRs and issues are more than welcome.

works with yeti

 This package powers Yeti Smart Home and is used in production.

Follow us in Github or https://twitter.com/netbeast_co.

You might also like...
Highly customizable and theming components for React Native

@blankapp/ui English | 简体中文 Table of Contents Introduction Features Quick Start Prerequisites Installation Run the new app Discussion License Created

UI & API Components Library for React Native

React Native Common Cross Platform React Native UI Toolkit & API Get Started Installation $ yarn add react-native-common or $ npm install react-native

React Native Components and APIs for the Web

React Native for Web "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM. Documentation The do

iOS Today Widget in React Native
iOS Today Widget in React Native

React Native Today Widget Experimental library investigating limits of implementation iOS App Extensions using React Native. Sample result from Comple

 🤖 React Native Android widgets bridged to JS, a proof of concept
🤖 React Native Android widgets bridged to JS, a proof of concept

React Native Android Widget Proof Of Concept 🤖 Using React Native and having Android widgets is possible. Create buttons in Java / Android XML to tri

A simple Facebook Chat Head like bubble for react native
A simple Facebook Chat Head like bubble for react native

react-native-floating-bubble A simple Facebook Chat Head like bubble for react native. Special thanks to bubble-for-android because this is just react

Webjump-test - A Next.js project to be used as a test for the WEBJUMP company
Webjump-test - A Next.js project to be used as a test for the WEBJUMP company

🔗 WEBJUMP 🚀 Teste para contratação webjump Um projeto Next.js para ser usado c

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!

Aesthetic Start using Aesthetic now! aestheticsuite.dev Aesthetic is an end-to-end, multi-platform styling and design suite, that offers the following

CRUD (Create, Read, Update, Delete) Recipe App with React. Project was developed together with DSC MMU during JavaScript Week 2021.
CRUD (Create, Read, Update, Delete) Recipe App with React. Project was developed together with DSC MMU during JavaScript Week 2021.

react-crud-recipe-app CRUD (Create, Read, Update, Delete) Recipe App with React. Project was developed together with DSC MMU during JavaScript Week 20

An app made for keeping track of all the letters which are written during the Amnesty International marathon at our school.
An app made for keeping track of all the letters which are written during the Amnesty International marathon at our school.

ZSK Amnesty It's an app made for keeping track of all the letters which are written during the Amnesty International marathon at our school. The syste

A crypto web app built for 3Commas during the Schelling Point Virtual Hackathon on Gitcoin.
A crypto web app built for 3Commas during the Schelling Point Virtual Hackathon on Gitcoin.

A crypto web app built for 3Commas during the Schelling Point Virtual Hackathon on Gitcoin.

React App for style transfer using ONNX Runtime Web.
React App for style transfer using ONNX Runtime Web.

Style transfer web app Checkout the website live at : https://vicalloy.github.io/image-transformer/ React App for style transfer using ONNX Runtime We

A React Finance Application, made during the Ignite React Course, from Rocketseat

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

React hook to dynamically load Google Fonts v2 during execution.

React hook to dynamically load Google Fonts v2 during execution.

My first React project created during project-oriented training.

Twitter Built with React Built with React, Context, JavaScript, and CSS.in this React project the functional components has been used and The Material

DSMovie - a full stack web and mobile application built during the Spring React Week
DSMovie - a full stack web and mobile application built during the Spring React Week

The application consists of a web page with a list of some movies. The page allows user interaction through ratings of movies listed in the web app.

An easy way to connect with fellow developers during WWDC
An easy way to connect with fellow developers during WWDC

wwdc.family This is an experiment to use Firebase and React Native to build a wwdc.family app. Don't use that source code as reference - I have no pri

Repository responsible for all code developed during the JavaScript Beginners Series

Série de Vídeos para Iniciantes em JavaScript Uma série de vídeos ensinando conc

A hook based project created during 20-Dec week ReactJS workshop

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Comments
Owner
Netbeast
The Smart Home Company
Netbeast
An utility style framework for React Native

An utility React Native style framework for rapidly building custom user interfaces. Documentation For full documentation, please check https://osmics

OsmiCSX 222 Dec 26, 2022
A framework for building native Windows apps with React.

React Native for Windows Build native Windows apps with React. See the official React Native website for an introduction to React Native. React Native

Microsoft 15.2k Jan 5, 2023
Library for cross-platform app development.

ReactXP ReactXP is a library for cross-platform app development using React and React Native. Why ReactXP With React and React Native, your web app ca

Microsoft 8.3k Jan 1, 2023
Mobile-first, accessible components for React Native & Web to build a customizable Design System.

NativeBase is a mobile-first, accessible component library for building a consistent design system across android, iOS & web. Website Documentation Ta

GeekyAnts 18.8k Jan 4, 2023
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Teaset ???? 中文完整文档版 A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. Installation

null 2.9k Jan 9, 2023
An "awesome" type curated list of how to use React Native and Meteor together

Awesome React Native Meteor An "awesome" type curated list of how to use React Native and Meteor together. Based on Awesome React Native which was bas

Meteor Factory 153 Oct 23, 2022
Component library for React Native

first-born Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purp

99x 272 Dec 9, 2022
Cross-Platform React Native UI Toolkit

Cross Platform React Native UI Toolkit Get Started Installation Follow these instructions to install React Native Elements! Usage Start using the comp

React Native Elements 23.1k Dec 31, 2022
Customizable set of components for React Native applications

Shoutem UI Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our c

Shoutem 4.8k Jan 5, 2023
react-native stateless functional UI components to get you up and running quickly

panza Panza is a collection of ui-components for react-native modelled after iOS. This library is currently undergoing a rewrite and will be updated s

null 258 Dec 16, 2022