React Conferences

React Summit US 2023

React Summit US 2023

English versionEN

Video: How Realm by MongoDB is Testing Native Modules “on device”

Kræn Hansen

Read FAQ and transcription

realm react native react components testing database data

Video Summary and Transcription

The video explores how Realm by MongoDB tests native modules "on device," with a focus on the Atlas Device SDK. This SDK is a toolkit that supports multiple programming languages like TypeScript, Swift, Kotlin, and .NET, and operates with a local database for low-latency data access. It supports bidirectional synchronization between mobile apps and cloud databases, ensuring data availability even offline. Mocha Remote is highlighted as a tool used in testing, enabling tests to be run from a CLI on various platforms using a WebSocket connection. The video also discusses Jest Remote, a tool for running tests in separate Node processes, which is gaining traction in React Native projects. Vitest is mentioned as an emerging alternative, especially in the React web community, due to its experimental browser mode and platform-independent runner.

This talk has been presented at React Summit US 2023, check out the latest edition of this React Conference.

Available in Español: Cómo Realm por MongoDB está probando módulos nativos “en el dispositivo”

FAQ

The Atlas Device SDK, formerly known as Realm, is a toolkit that features a local database running in mobile apps. It supports bidirectional synchronization of data between the app and a cloud database, and operates with very low latency, even without constant internet connectivity.

The Atlas Device SDK supports multiple programming languages including TypeScript, Swift, Kotlin, and .NET. It utilizes a common core component written in C++ for cross-platform compatibility.

Mocha Remote is used to facilitate testing across various platforms by running tests from a CLI interface on a host machine, allowing tests to execute on a device and report results back to the host. This setup improves developer experience by maintaining consistent test environments and reducing the need for environment-specific adjustments.

The Atlas Device SDK allows for bidirectional data synchronization between a local app and a cloud database. It requires internet connectivity only when it needs to synchronize data, otherwise it can operate offline, ensuring data is always available with minimal delay.

Mocha Remote and Jest Remote serve similar purposes but are built around different testing frameworks. Mocha Remote is based on the Mocha testing framework, whereas Jest Remote is built around Jest, which is commonly used in React Native projects. Jest Remote is notable for its pluggable runner, which is configurable from the CLI.

Jest Remote aims to support running tests in separate Node processes and plans to extend this functionality to other platforms supported by the Atlas Device SDK, enhancing versatility for developers working in different environments.

The Atlas Device SDK enhances mobile app development by providing a local database for low-latency data access, supporting robust offline functionality, and enabling seamless data synchronization with cloud services. This toolkit helps developers create more reactive and resilient mobile applications.

The Mocha Remote CLI streamlines testing by allowing developers to run tests across multiple platforms and devices directly from their terminal. It utilizes a WebSocket connection for real-time feedback and integrates seamlessly with existing development workflows, thereby enhancing efficiency and ease of use.

Video transcription and chapters available for users with access.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Network Requests with Cypress

TestJS Summit 2021

33 min

Network Requests with Cypress

Top Content

Cecelia Martinez

Cecelia Martinez

Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.

testing cypress

Testing Pyramid Makes Little Sense, What We Can Use Instead

TestJS Summit 2021

38 min

Testing Pyramid Makes Little Sense, What We Can Use Instead

Top Content

Featured Video

Gleb Bahmutov

Roman Sandler

2 authors

The testing pyramid - the canonical shape of tests that defined what types of tests we need to write to make sure the app works - is ... obsolete. In this presentation, Roman Sandler and Gleb Bahmutov argue what the testing shape works better for today's web applications.

Full-Circle Testing With Cypress

TestJS Summit 2022

27 min

Full-Circle Testing With Cypress

Top Content

Filip Hric

Cypress is a powerful tool for end-to-end testing and API testing. It provides instant feedback on test errors and allows tests to be run inside the browser. Cypress enables testing at both the application and network layers, making it easier to reach different edge cases. With features like AppActions and component testing, Cypress allows for comprehensive testing of individual components and the entire application. Join the workshops to learn more about full circle testing with Cypress.

e2e testing testing cypress

Test Effective Development

TestJS Summit 2021

31 min

Test Effective Development

Top Content

Shai Reznik

This Talk introduces Test Effective Development, a new approach to testing that aims to make companies more cost-effective. The speaker shares their personal journey of improving code quality and reducing bugs through smarter testing strategies. They discuss the importance of finding a balance between testing confidence and efficiency and introduce the concepts of isolated and integrated testing. The speaker also suggests different testing strategies based on the size of the application and emphasizes the need to choose cost-effective testing approaches based on the specific project requirements.

unit testing testing

Playwright Test Runner

TestJS Summit 2021

25 min

Playwright Test Runner

Top Content

Andrey Lushnikov

Andrey Lushnikov

The Playwright Test Runner is a cross-browser web testing framework that allows you to write tests using just a few lines of code. It supports features like parallel test execution, device emulation, and different reporters for customized output. Code-Gen is a new feature that generates code to interact with web pages. Playwright Tracing provides a powerful tool for debugging and analyzing test actions, with the ability to explore trace files using TraceViewer. Overall, Playwright Test offers installation, test authoring, debugging, and post-mortem debugging capabilities.

Everyone Can Easily Write Tests

TestJS Summit 2023

21 min

Everyone Can Easily Write Tests

Debbie O'Brien

Senior Program Manager @ Microsoft, working with Playwright.

Playwright is a reliable end-to-end testing tool for modern web apps that provides one API, full isolation, fast execution, and supports multiple languages. It offers features like auto-weighting, retrying assertions, seamless testing of iframes and shadow DOM, test isolation, parallelism, and scalability. Playwright provides tools like VS Code extension, UiMode, and Trace Viewer for writing, debugging, and running tests. Effective tests prioritize user-facing attributes, use playwright locators and assertions, and avoid testing third-party dependencies. Playwright simplifies testing by generating tests, providing code generation and UI mode, and allows for easy running and debugging of tests. It helps in fixing failed tests and analyzing DOM changes, fixing locator mismatches, and scaling tests. Playwright is open source, free, and continuously growing.

e2e testing testing

Workshops on related topic

Designing Effective Tests With React Testing Library

React Summit 2023

151 min

Designing Effective Tests With React Testing Library

Top Content

Featured Workshop

Josh Justice

React Testing Library is a great framework for React component tests because there are a lot of questions it answers for you, so you don’t need to worry about those questions. But that doesn’t mean testing is easy. There are still a lot of questions you have to figure out for yourself: How many component tests should you write vs end-to-end tests or lower-level unit tests? How can you test a certain line of code that is tricky to test? And what in the world are you supposed to do about that persistent act() warning?
In this three-hour workshop we’ll introduce React Testing Library along with a mental model for how to think about designing your component tests. This mental model will help you see how to test each bit of logic, whether or not to mock dependencies, and will help improve the design of your components. You’ll walk away with the tools, techniques, and principles you need to implement low-cost, high-value component tests.
Table of contents- The different kinds of React application tests, and where component tests fit in- A mental model for thinking about the inputs and outputs of the components you test- Options for selecting DOM elements to verify and interact with them- The value of mocks and why they shouldn’t be avoided- The challenges with asynchrony in RTL tests and how to handle them
Prerequisites- Familiarity with building applications with React- Basic experience writing automated tests with Jest or another unit testing framework- You do not need any experience with React Testing Library- Machine setup: Node LTS, Yarn

react react testing library test driven development react react testing deep dive testing best practices

Detox 101: How to write stable end-to-end tests for your React Native application

React Summit 2022

117 min

Detox 101: How to write stable end-to-end tests for your React Native application

Top Content

WorkshopFree

Yevheniia Hlovatska

Yevheniia Hlovatska

Compared to unit testing, end-to-end testing aims to interact with your application just like a real user. And as we all know it can be pretty challenging. Especially when we talk about Mobile applications.
Tests rely on many conditions and are considered to be slow and flaky. On the other hand - end-to-end tests can give the greatest confidence that your app is working. And if done right - can become an amazing tool for boosting developer velocity.
Detox is a gray-box end-to-end testing framework for mobile apps. Developed by Wix to solve the problem of slowness and flakiness and used by React Native itself as its E2E testing tool.
Join me on this workshop to learn how to make your mobile end-to-end tests with Detox rock.
Prerequisites- iOS/Android: MacOS Catalina or newer- Android only: Linux- Install before the workshop

e2e testing react native detox react native test automation react native react native testing react native accessibility testing beginner friendly

API Testing with Postman Workshop

TestJS Summit 2023

48 min

API Testing with Postman Workshop

Top Content

WorkshopFree

Pooja Mistry

In the ever-evolving landscape of software development, ensuring the reliability and functionality of APIs has become paramount. "API Testing with Postman" is a comprehensive workshop designed to equip participants with the knowledge and skills needed to excel in API testing using Postman, a powerful tool widely adopted by professionals in the field. This workshop delves into the fundamentals of API testing, progresses to advanced testing techniques, and explores automation, performance testing, and multi-protocol support, providing attendees with a holistic understanding of API testing with Postman.
1. Welcome to Postman- Explaining the Postman User Interface (UI)2. Workspace and Collections Collaboration- Understanding Workspaces and their role in collaboration- Exploring the concept of Collections for organizing and executing API requests3. Introduction to API Testing- Covering the basics of API testing and its significance4. Variable Management- Managing environment, global, and collection variables- Utilizing scripting snippets for dynamic data5. Building Testing Workflows- Creating effective testing workflows for comprehensive testing- Utilizing the Collection Runner for test execution- Introduction to Postbot for automated testing6. Advanced Testing- Contract Testing for ensuring API contracts- Using Mock Servers for effective testing- Maximizing productivity with Collection/Workspace templates- Integration Testing and Regression Testing strategies7. Automation with Postman- Leveraging the Postman CLI for automation- Scheduled Runs for regular testing- Integrating Postman into CI/CD pipelines8. Performance Testing- Demonstrating performance testing capabilities (showing the desktop client)- Synchronizing tests with VS Code for streamlined development9. Exploring Advanced Features - Working with Multiple Protocols: GraphQL, gRPC, and more
Join us for this workshop to unlock the full potential of Postman for API testing, streamline your testing processes, and enhance the quality and reliability of your software. Whether you're a beginner or an experienced tester, this workshop will equip you with the skills needed to excel in API testing with Postman.

security testing testing

Monitoring 101 for React Developers

React Summit US 2023

107 min

Monitoring 101 for React Developers

Top Content

WorkshopFree

Lazar Nikolov

Sarah Guthals

2 authors

If finding errors in your frontend project is like searching for a needle in a code haystack, then Sentry error monitoring can be your metal detector. Learn the basics of error monitoring with Sentry. Whether you are running a React, Angular, Vue, or just “vanilla” JavaScript, see how Sentry can help you find the who, what, when and where behind errors in your frontend project.
Workshop level: Intermediate

vue react angular testing

Relational Database Modeling for GraphQL

GraphQL Galaxy 2020

106 min

Relational Database Modeling for GraphQL

Top Content

Workshop

Adron Hall

In this workshop we'll dig deeper into data modeling. We'll start with a discussion about various database types and how they map to GraphQL. Once that groundwork is laid out, the focus will shift to specific types of databases and how to build data models that work best for GraphQL within various scenarios.
Table of contentsPart 1 - Hour 1 a. Relational Database Data Modeling b. Comparing Relational and NoSQL Databases c. GraphQL with the Database in mindPart 2 - Hour 2 a. Designing Relational Data Models b. Relationship, Building MultijoinsTables c. GraphQL & Relational Data Modeling Query Complexities
Prerequisites a. Data modeling tool. The trainer will be using dbdiagram b. Postgres, albeit no need to install this locally, as I'll be using a Postgres Dicker image, from Docker Hub for all examples c. Hasura

graphql database

Build a powerful DataGrid in few hours with Ag Grid

React Summit US 2023

96 min

Build a powerful DataGrid in few hours with Ag Grid

Top Content

WorkshopFree

Mike Ryan

Does your React app need to efficiently display lots (and lots) of data in a grid? Do your users want to be able to search, sort, filter, and edit data? AG Grid is the best JavaScript grid in the world and is packed with features, highly performant, and extensible. In this workshop, you’ll learn how to get started with AG Grid, how we can enable sorting and filtering of data in the grid, cell rendering, and more. You will walk away from this free 3-hour workshop equipped with the knowledge for implementing AG Grid into your React application.
We all know that rolling our own grid solution is not easy, and let's be honest, is not something that we should be working on. We are focused on building a product and driving forward innovation. In this workshop, you'll see just how easy it is to get started with AG Grid.
Prerequisites: Basic React and JavaScript
Workshop level: Beginner

dataviz aggrid react data