web-dev-qa-db-ja.com

PDFファイルをダウンロードするための分度器e2eテストケース

誰でもジャスミンフレームワークを使用してpdfファイルをダウンロードするためのリンクのテストケースを書く方法を教えてもらえますか?前もって感謝します。

37
user3061796

現在、ダウンロードパスの場所を設定できます

Chrome

capabilities: {
    'browserName': 'chrome',
    'platform': 'ANY',
    'version': 'ANY',
    'chromeOptions': {
        // Get rid of --ignore-certificate yellow warning
        args: ['--no-sandbox', '--test-type=browser'],
        // Set download path and avoid prompting for download even though
        // this is already the default on Chrome but for completeness
        prefs: {
            'download': {
                'Prompt_for_download': false,
                'default_directory': '/e2e/downloads/',
            }
        }
    }
}

リモートテストを行うには、Samba共有またはネットワーク共有ディレクトリの宛先を設定するなど、より複雑なインフラストラクチャが必要です。

Firefox


var FirefoxProfile = require('firefox-profile');
var q = require('q');

[...]
getMultiCapabilities: getFirefoxProfile,
framework: 'jasmine2',

[...]
function getFirefoxProfile() {
    "use strict";
    var deferred = q.defer();
    var firefoxProfile = new FirefoxProfile();
    firefoxProfile.setPreference("browser.download.folderList", 2);
    firefoxProfile.setPreference("browser.download.manager.showWhenStarting", false);
    firefoxProfile.setPreference("browser.download.dir", '/tmp');
    firefoxProfile.setPreference("browser.helperApps.neverAsk.saveToDisk", "application/vnd.openxmlformats-officedocument.wordprocessingml.document");

    firefoxProfile.encoded(function(encodedProfile) {
        var multiCapabilities = [{
            browserName: 'firefox',
            firefox_profile : encodedProfile
        }];
        deferred.resolve(multiCapabilities);
    });
    return deferred.promise;
}

最後に、おそらく明らかなことですが、ダウンロードをトリガーするには、ご存知のようにダウンロードリンクをクリックします。

$('a.some-download-link').click();
45
Leo Gallucci

ダウンロードしたファイル(私の場合はCSVエクスポート)の内容を予期した結果と照らし合わせて確認する必要があり、以下が機能することがわかりました。

var filename = '/tmp/export.csv';
var fs = require('fs');

if (fs.existsSync(filename)) {
    // Make sure the browser doesn't have to rename the download.
    fs.unlinkSync(filename);
}

$('a.download').click();

browser.driver.wait(function() {
    // Wait until the file has been downloaded.
    // We need to wait thus as otherwise protractor has a nasty habit of
    // trying to do any following tests while the file is still being
    // downloaded and hasn't been moved to its final location.
    return fs.existsSync(filename);
}, 30000).then(function() {
    // Do whatever checks you need here.  This is a simple comparison;
    // for a larger file you might want to do calculate the file's MD5
    // hash and see if it matches what you expect.
    expect(fs.readFileSync(filename, { encoding: 'utf8' })).toEqual(
        "A,B,C\r\n"
    );
});

Leoの構成の提案は、ダウンロードをアクセス可能な場所に保存できるようにするのに役立ちました。

30000msのタイムアウトはデフォルトなので、省略できますが、誰かがそれを変更したい場合のために、私はそれをリマインダーとして残しています。

42
Stephen Baillie

次のようなhref属性をチェックするためのテストになる可能性があります。

var link = element(by.css("a.pdf"));
expect(link.getAttribute('href')).toEqual('someExactUrl');
1
Stepan Suvorov

上記のソリューションは、リモートブラウザのテストでは機能しません。 BrowserStack経由。 Chrome専用の代替ソリューションは次のようになります。

if ((await browser.getCapabilities()).get('browserName') === 'chrome') {
  await browser.driver.get('chrome://downloads/');
  const items =
    await browser.executeScript('return downloads.Manager.get().items_') as any[];
  expect(items.length).toBe(1);
  expect(items[0].file_name).toBe('some.pdf');
}
1
Rene Hamburger