cypress e 2 e試験神器取付使用及び文法

cypress私たちは直接Cypressの公式サイトに行って、チュートリアルによって私たちのプロジェクトのルートディレクトリに入って、npm install cypress--save-devを実行して、インストールが完成した後に何の動きもなくて、私たちのpackage.jsonの中で1つのバージョン番号の記録を除いて、ここで私たちはガイドによってコンソールの中でnode_を入力しますmodules/.bin/cypress openというコマンドは主にこのディレクトリに入ってcypressの実行可能なファイルを実行させ、しばらく待ってからページにおなじみのコンソールがポップアップされ、コンソールにAlertがあります.ボタンgot itをクリックすると、プロジェクトのルートディレクトリにcypress.jsonファイルとCpressのフォルダが生成されます.フォルダのintergrationにはデフォルトで書かれたspecがあります.これらの例は、フレームワークが指定されたパスが見つからないときにデフォルトでこのようなディレクトリを生成して全体構造を提供する例です.cypressintegrationフォルダの下にテスト例を書いて、状況に応じてフォルダを分けて保存してcypress.jsonに変更する必要がある情報を記入します.

{
  "projectId": "pza7eq",
  "baseUrl": "http://localhost:3000",
  "viewportHeight": 768,
  "viewportWidth": 1366
}

次にpackage.jsonのscripts項目の下に「test:e 2 e」:'cypress open」という起動コマンドを追加し、次回起動して直接このコマンドを実行すればいいです.そして、私たちが修正したjsonに基づいて、私たちが望んでいるディレクトリの下に一連のファイルを作成することで、cypressintegrationフォルダの下で使用例を書くことができます.
構文

describe('        ，    ', function() {
 it('     ，         ', function() {
            
 })
 it('     ，         ', function() {
             
 })
})

構文
釈義
使用法
コメント
cy.visit()
パスへのアクセス
cy.visit(URL)
cy.get()
要素を選択
cy.get('.action-email')
cssセレクタのサポート
cy.type()
選択した入力にテキストを入力
cy.type('入力テキスト')
cy.pause()
一時停止
ブレークポイントのデバッグ先に配置
ステップテストのために一時停止
cy.debug()
デバッグ
ブレークポイントのデバッグ先に配置
デバッグcypress.run()
コンフィギュレーション・アイテム
オプション
説明browser
別のブラウザを指定してテストを実行ciBuildId
実行の一意の識別子を指定して、グループ化または並列化を有効にします.config
構成の指定env
環境変数の指定group
グループは、1回の実行中にテストを記録します.headed
無停止ではなくElectronブラウザを表示key
秘密記録キーの指定noExit
すべてのテスト運転後にセプラスオープンを維持parallel
複数のコンピュータで記録を並列に実行する仕様port
デフォルトポートの上書きproject
特定のアイテムのパスrecord
テスト実行を記録するかどうかreporter
mocha記者を指定するreporterOptions
mochaレポートオプションの指定spec
実行するスペシフィケーションの指定
≪インスタンス｜Instance｜emdw≫

const cypress = require('cypress')

cypress.run({
  reporter: 'junit',
  browser: 'chrome',
  config: {
    baseUrl: 'http://localhost:8080',
    chromeWebSecurity: false,
  },
  env: {
    foo: 'bar',
    baz: 'quux',
  }
})

const cypress = require('cypress')

cypress.run({
  spec: './cypress/integration/examples/actions.spec.js'
})
.then((results) => {
  console.log(results)
})
.catch((err) => {
  console.error(err)
})

cypress.run()は、コンテンツの例を返します.

{
  "cypressVersion": "3.0.2",
  "endedTestsAt": "2018-07-11T17:53:35.675Z",
  "browserName": "electron",
  "browserPath": "path/to/browser",
  "browserVersion": "59.0.3071.115",
  "config": {...},
  "osName": "darwin",
  "osVersion": "14.5.0",
  "runs": [{
    "error": null,
    "hooks": [...],
    "reporter": "spec",
    "reporterStats": {...},
    "screenshots": [],
    "shouldUploadVideo": true,
    "spec": {...},
    "stats": {...},
    "tests": [...],
    "video": "User/janelane/my-app/cypress/videos/abc123.mp4"
  }],
  "runUrl": "https://dashboard.cypress.io/projects/def456/runs/12",
  "startedTestsAt": "2018-07-11T17:53:35.463Z",
  "totalDuration": 212,
  "totalFailed": 1,
  "totalPassed": 0,
  "totalPending": 0,
  "totalSkipped": 12,
  "totalSuites": 8,
  "totalTests": 13,
}

cypress.open()
オプション
説明config
構成の指定detached
分離モードでセプラスを開くenv
環境変数の指定global
グローバルモードで実行port
デフォルトポートの上書きproject
特定のアイテムのパス