用 RN Detox 模拟答案

【问题标题】：Mocking with RN Detox用 RN Detox 模拟
【发布时间】：2020-10-02 04:15:17
【问题描述】：

我正在使用打字稿关注detox mocking guide。该应用始终打印X.ts 文件的console.log，而不是X.e2e.ts 文件。

依赖版本。

react-native: 0.61.5,
detox: 16.4.0

地铁配置：

"detox": {
    "test-runner": "jest",
    "runner-config": "e2e/config.json",
    "configurations": {
      "ios.sim.debug": {
        "binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/App.app",
        "build": "RN_SRC_EXT=e2e.js,e2e.ts xcodebuild -workspace ios/App.xcworkspace -scheme 'App Test' -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build",
        "type": "ios.simulator",
        "device": {
          "type": "iPhone 11"
        }
      }
    }
  }

metro.config.js

const defaultSourceExts = require("metro-config/src/defaults/defaults").sourceExts;

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false
      }
    })
  },
  resolver: {
    sourceExts: process.env.RN_SRC_EXT ? process.env.RN_SRC_EXT.split(",").concat(defaultSourceExts) : defaultSourceExts
  }
};

console.log("default", defaultSourceExts);
console.log("module.exports from e2e", module.exports);

/** above console results into the following

default [ 'js', 'json', 'ts', 'tsx' ]
module.exports from e2e { transformer:
   { getTransformOptions: [AsyncFunction: getTransformOptions] },
  resolver: { sourceExts: [ 'e2e.ts', 'js', 'json', 'ts', 'tsx' ] } }
*/

/src/AppEvent.js

const logEvent = (): void => {
  console.log("from non-test event file");
};

export default {
  logEvent
};

/src/AppEvent.e2e.ts

const logEvent = (): void => {
  console.log("from test event file");
};

export default {
  logEvent
};

当我运行detox build && detox testmetro 服务器时没有记录 e2d 文件，所以我不得不使用 RN_SRC_EXT=e2e.js,e2e.ts yarn start 单独运行 metro

【问题讨论】：

我在使用模拟的相同版本的 react-native 时遇到问题。您的 Metro 配置运行良好吗？看起来它没有替换 .e2e 文件的 prod 文件.. @NAUSHAD
也遇到了这个问题，你有没有想出解决办法@naushad 或@robto09？
@EricCarmichael 我切换到 Appium 人。

标签： typescript react-native e2e-testing detox metro-bundler

【解决方案1】：

我也尝试过这种方法，但它比测试更多样板，检查一下：https://www.npmjs.com/package/10mock 你可以在这里查看示例代码：https://github.com/10play/10mock-example-app

【讨论】：