npm 包 relay-compose-test 使用教程

介绍

relay-compose-test 是一个基于 React Native 框架的中间件包,可以用于测试 GraphQL 查询或变异;其中,relay-compose-test 的特点是可以通过自定义函数将 GraphQL 查询或变异中的数据处理一遍,获得想要的测试结果。

安装

  • NPM
--- ------- ------------------
  • Yarn
---- --- ------------------

使用方法

使用 relay-compose-test 进行测试分为以下几个步骤:

  • 安装相关依赖;
  • 编写 Relay 风格的 GraphQL 查询或变异;
  • 编写测试代码。

安装相关依赖

需要使用到以下依赖包:

  • react-native
  • react-native-fs
  • graphql-tag
  • graphql
--- ------- ------------ --------------- ----------- -------

或者使用 Yarn 安装:

---- --- ------------ --------------- ----------- -------

编写 Relay 风格的 GraphQL 查询或变异

relay-compose-test 适用于 Relay 风格的 GraphQL 查询或变异,示例如下:

----- ----------------- ---- -
  -------- ---- -
    --
    ----
    -----
  -
-

编写测试代码

标准的例子:

------ - ------ - ---- -------
------ - ----- - ---- ----------------
------ -
  --------------
  ---------------
- ---- ---------------------

----------------- ------ -- -- -
  ------------- -- -
    ----------------
  ---

  ------------ -- -
    ------------------
  ---

  ---------- ------ --- ------- ------ -- -- -
    --------------------- - --- --- ---------------- -- -
      ------------------------------
        ----- -
          --- ----
          ----- -------- ------
          ------ -------------------
        --
      ---
    ---
  ---
---

根据查询模式定制的示例代码:

-- -- -------------- ----
------ - ------ - ---- -------
------ - ----- - ---- ----------------
------ -
  --------------
  ---------------
- ---- ---------------------

----------------- ------ -- -- -
  ------------- -- -
    ---------------
      --------------- -
        ----- -
          ----- -- -- -------- ------
        --
      --
    ---
  ---

  ------------ -- -
    ------------------
  ---

  ---------- ------ --- ------- ------ -- -- -
    --------------------- - --- --- ---------------- -- -
      ------------------------------
        ----- -
          --- ----
          ----- -------- ------
          ------ ------------------
        --
      ---
    ---
  ---
---

优缺点

优点

  • relay-compose-test 可以用于自定义函数处理 GraphQL 查询或变异的后续数据,可以得到想要的测试结果;
  • 支持自定义函数的渲染参数,灵活方便;
  • 支持 Snapshot 测试。

缺点

  • 仅适用于 Relay 风格的 GraphQL 查询或变异。

结论

在测试 GraphQL 查询或变异时,使用 relay-compose-test 可以大大提高测试效率,并且可以获得更加准确的数据,可以提高开发效率。但需要注意 relay-compose-test 仅适用于 Relay 风格的 GraphQL 查询或变异。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600566d381e8991b448e32a5


猜你喜欢

  • npm 包 ww-unzip 使用教程

    ww-unzip 是一个基于 Node.js 的压缩解压缩包工具库,可以帮助前端开发人员在项目中实现压缩和解压缩文件的操作。本篇文章将提供详细的使用教程,包括安装、基本用法、高级用法等内容,希望能够帮...

    3 年前
  • npm 包 logagent-input-filter-grok 使用教程

    随着互联网的发展,Web 前端的作用越来越重要。前端开发人员需要在网站或是应用的开发中使用许多工具和框架,其中 npm 包就是一个非常重要的工具。 在本文中,我们将介绍一款称为 logagent-in...

    3 年前
  • npm 包 grunt-chrome-headless 使用教程

    介绍 grunt-chrome-headless 是一个基于 npm 的前端工具,它提供了一个简单的方式来运行 chrome headless 浏览器,并且有许多插件来扩展它的功能。

    3 年前
  • npm 包 github-org-stats 使用教程

    简介 本文介绍了如何使用 npm 包 github-org-stats 对 Github 组织中的仓库进行统计分析,包括统计 contributors,stars,forks 等信息,并通过 char...

    3 年前
  • npm 包 test-angular-library 使用教程

    当我们在前端开发中面临需求时,会发现我们需要使用很多的第三方库,以便让我们的代码更加高效、简洁。 npm 包是其中一个很常见的解决方案,因为它可以很容易地管理依赖项,以及在不同的项目之间复用代码。

    3 年前
  • npm 包 @nasirb/nbnodejshelper 使用教程

    简介 Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境,可以在服务器端运行 JavaScript。npm 是 Node.js 的包管理工具,是全球最大的软件注册表...

    3 年前
  • npm 包 huoyun-widgets-v2 使用教程

    简介 huoyun-widgets-v2 是一款基于 React 框架开发的 Web 前端 UI 组件库,提供了各种常用的 UI 组件,如 Button、Input、Select、Table 等。

    3 年前
  • npm 包 slush-td-template 使用教程

    前言 slush-td-template 是一个基于 slush 的前端项目脚手架生成工具,使用 slush-td-template 可以快速生成符合团队规范的前端项目,提高项目开发效率。

    3 年前
  • npm 包 simple-grid-css 使用教程

    什么是 simple-grid-css simple-grid-css 是一个基于 CSS 的简单栅格系统,它可以帮助开发者快速构建响应式的网页布局。simple-grid-css 提供的栅格系统支持...

    3 年前
  • npm 包 gulp-concat-same 使用教程

    前言 在前端开发中,经常需要将多个 CSS 或 JavaScript 文件合并成一个文件以减少网络请求次数,提高性能。而 gulp-concat-same 是一个能够将同名文件合并的 Gulp 插件,...

    3 年前
  • npm 包 v-checkbox 使用教程

    前言 在 web 前端开发中,往往需要使用各种复选框来让用户选择或者多选,这时候 v-checkbox 是一个非常好用的 npm 包。v-checkbox 是一个 Vue 组件,可以帮助我们快速且方便...

    3 年前
  • ngx-cesium 使用教程

    简介 ngx-cesium 是一个基于 CesiumJS 的 Angular 组件库,可以用于在 Angular 应用中实现 3D 地图可视化。它提供了一些常见的 3D 地图功能,如图层控制、相机控制...

    3 年前
  • npm 包 view-img 使用教程

    前言 在前端开发过程中,我们经常需要使用图片展示功能来丰富我们的网页内容,但是在实际开发中,经常会出现一些问题,比如图片大小不一致,图片显示不全等,这些问题常常需要通过一些前端技术才能解决。

    3 年前
  • npm 包 bpmn-front 使用教程

    bpmn-front 是一款基于 JavaScript 的 npm 包,可以帮助开发者快速集成 BPMN(Business Process Model and Notation)流程图编辑器到前端页面...

    3 年前
  • HackDisrupt-UI NPM 包使用教程

    前言 在前端开发过程中,我们经常需要使用一些 UI 组件库来快速构建界面。在很多情况下,我们需要用到一些特定的 UI 组件或者样式,这就需要我们自己来编写代码或者使用第三方的组件库。

    3 年前
  • npm 包 @gaws/core 使用教程

    介绍 @gaws/core 是一个前端工具库,旨在帮助开发者快速处理常见的数据和业务逻辑问题。它提供了很多有用的工具函数和类,可以帮助我们更好地组织和管理前端项目。

    3 年前
  • npm 包 hyperimg 使用教程

    介绍 Hyperimg 是一个基于 React 的图片组件库,能够快速地加载图片并提供多种样式展示。 使用 Hyperimg,你可以避免频繁把图片的地址写入 HTML,因为 Hyperimg 可以根据...

    3 年前
  • npm 包 livescript-transform-es-module 使用教程

    Livescript 是一种类似于 CoffeeScript 的编程语言,它能够编译成 JavaScript。livescript-transform-es-module 是一个 npm 包,它可以将...

    3 年前
  • npm 包 @gaws/facebook 使用教程

    随着社交网络的兴起,Facebook 成为了全球最大的社交网络平台之一。作为前端开发人员,我们经常需要和 Facebook 交互,比如处理登录验证、分享内容、获取用户信息等等。

    3 年前
  • npm 包 @gaws/gaws 使用教程

    介绍 @gaws/gaws 是一个开源的 npm 包,提供了一套可以方便开发者使用的工具,用于快速创建服务端渲染的 React 应用程序。该包提供了一个基于 Webpack 的 build 工具链,提...

    3 年前

相关推荐

    暂无文章