のためのバベルセットアップ
アホイ、メイト!
このトピックは、テストオートメーションの初心者やJavaやPythonなどの他の言語で動作し、JavaScript(ノード. js)に新しいテスターに役立ちます.それも私の前のポストを広げます:
BabelはES 5をコードの現代版(ES 6 +)に変換するツールです.
ES(ECMAScript)は、異なるウェブブラウザの向こう側のウェブページの相互運用性を確実にするために意味されるJavaScript標準です.ECMAScriptは、一般的にワールドワイドウェブ上でクライアント側のスクリプトのために使用され、それはますますノードを使用してサーバーアプリケーションとサービスを書くために使用されている.jsデフォルトでは、ノード.JSは2009年に久しぶりにリリースされたES 5を使います.
Githubに関するこの記事からのプロジェクトのソースコード:https://github.com/bormando/mochapi/tree/modern
セットアップ
インストールするには、端末で実行する必要があります.バベル構成
このトピックは、テストオートメーションの初心者やJavaやPythonなどの他の言語で動作し、JavaScript(ノード. js)に新しいテスターに役立ちます.それも私の前のポストを広げます:
ノードの最小のREST APIテスト。js
ダミリボルモブ・ Dec 24 ' 20・ 5分読む
#rest
#node
#testing
#qa
BabelはES 5をコードの現代版(ES 6 +)に変換するツールです.
ES(ECMAScript)は、異なるウェブブラウザの向こう側のウェブページの相互運用性を確実にするために意味されるJavaScript標準です.ECMAScriptは、一般的にワールドワイドウェブ上でクライアント側のスクリプトのために使用され、それはますますノードを使用してサーバーアプリケーションとサービスを書くために使用されている.jsデフォルトでは、ノード.JSは2009年に久しぶりにリリースされたES 5を使います.
Githubに関するこの記事からのプロジェクトのソースコード:https://github.com/bormando/mochapi/tree/modern
セットアップ
Github Repoをクローンすることはできません.
クローニング後、必要なすべての依存関係をダウンロードするには、このコマンドを実行する必要があります.npm i
チェックするには、クローン化されたプロジェクトが動作している場合、以下を実行します.npm run test
次のように表示されます.
https://github.com/bormando/mochapi/tree/main
Babelの依存関係をインストールする
これらは標準的なBabel依存関係です.
これらは標準的なBabel依存関係です.
@babel/cli
@babel/core
@babel/plugin-transform-runtime
@babel/preset-env
@babel/register
npm i -D @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/register
バベル構成
さて、依存関係のインストールを終えたので、Babelを設定する必要があります.
単にプロジェクトのルートディレクトリに.babelrc
ファイルを作成し、このデータを追加します.
< div >
変更を保存することを忘れないでください.p >
< hr/>
ES 5へのES 5
<高橋潤子> ES 5とES 6 +のほとんどの変更については、ここで例を挙げてください.
< div class ="Lagagchen - chen link "
< div >
現在のプロジェクトでは、markets.test.js
ファイルのインポートを変更する必要があります
これから< br/> < br/>
<> P >
クラスをハイライト表示する
const axios = require('axios');
const assert = require('chai').assert;
< div >
これを< br/>
<> P >
クラスをハイライト表示する
import axios from 'axios';
import { assert } from 'chai';
< div >
これらは小さな変更ですが、これは私たちのBabelセットアップがうまく動作することを確認する必要があります.p >
< hr/>
ES 5とES 6の違い。私は、Methatuumararaswamyメディアによって違いES 5対
ムタウタマララミー・ 2019年1月31日・
ムツクス.中
ショートカットの再構成
<山縣>
<堀田>
<高橋潤子>p >
< tt >コードES 6 +コードを実行時にES 5に変換するには、このショートカットを次のように変更する必要があります.
<堀田>
<高橋>p >
< hr/>
ランニングテスト
<堀田>
<堀田>
< p >あるいは< p/p >
<堀田>
それから、あなたの端末出力のレポートを見なければなりません
<堀田>
あなたは何か新しいことを学んだことを願っていますp >
Reference
この問題について(のためのバベルセットアップ), 我々は、より多くの情報をここで見つけました
https://dev.to/bormando/babel-setup-for-rest-api-tests-1dhf
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<高橋潤子> ES 5とES 6 +のほとんどの変更については、ここで例を挙げてください.
< div class ="Lagagchen - chen link "
< div >
現在のプロジェクトでは、
markets.test.js
ファイルのインポートを変更する必要がありますこれから< br/> < br/>
<> P >
クラスをハイライト表示する
const axios = require('axios');
const assert = require('chai').assert;
< div >これを< br/>
<> P >
クラスをハイライト表示する
import axios from 'axios';
import { assert } from 'chai';
< div >これらは小さな変更ですが、これは私たちのBabelセットアップがうまく動作することを確認する必要があります.p >
< hr/>
ES 5とES 6の違い。私は、Methatuumararaswamyメディアによって違いES 5対
ムタウタマララミー・ 2019年1月31日・
ムツクス.中
ショートカットの再構成
<山縣>
<堀田>
<高橋潤子>p >
< tt >コードES 6 +コードを実行時にES 5に変換するには、このショートカットを次のように変更する必要があります.
<堀田>
<高橋>p >
< hr/>
ランニングテスト
<堀田>
<堀田>
< p >あるいは< p/p >
<堀田>
それから、あなたの端末出力のレポートを見なければなりません
<堀田>
あなたは何か新しいことを学んだことを願っていますp >
Reference
この問題について(のためのバベルセットアップ), 我々は、より多くの情報をここで見つけました
https://dev.to/bormando/babel-setup-for-rest-api-tests-1dhf
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<堀田>
<堀田>
< p >あるいは< p/p >
<堀田>
それから、あなたの端末出力のレポートを見なければなりません
<堀田>
あなたは何か新しいことを学んだことを願っていますp >
Reference
この問題について(のためのバベルセットアップ), 我々は、より多くの情報をここで見つけました https://dev.to/bormando/babel-setup-for-rest-api-tests-1dhfテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol