問題タブ [phantomcss]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - grunt-phantomcss に沿って使用すると casper を起動できない
視覚的な回帰テストを grunt に追加しようとしています。ここで利用可能なチュートリアルに従いました。しかし、何か問題があるようです。
ここに私のうなり声があります:
そして、これが私の仕様ファイルの一部です。casperjs test tests/meu_spec.js の実行は完全にうまくいっています。
次に、実行するgrunt test
と次のようになりました。
phantomjs - phantomcss を使用して iframe 内のコンポーネントのスクリーンショットをキャプチャする方法
iframe を持つ Web アプリケーションをテストしています。casper.withFrame を使用して、phantomcss を使用して iframe 内のコンポーネントのスクリーンショットを撮っていますが、キャプチャされた画像が歪んでいます。
私のメインページはこんな感じです -
iframe src は次のようになります -
のスクリーンショットを撮ろうとしています<div class="a panel panel-default">
。これを修正するために私ができることを誰かが知っていますか?
javascript - PhantomCSS で Web ページではなく画像を直接テストする
PhantomCSS のデモンストレーションでは、通常、テストで Web ページを使用します。代わりに画像をテストする方法はありますか?
javascript - PhantomCSSのスクリーンショット機能でhideElements引数で複数の要素を非表示にする方法
スクリーンショット関数の hideElements 引数に複数の要素を含める方法は?
1 つの要素の場合:
selenium - 分度器(Selenium)テストケースでPhantomCSSを使用するには?
私は過去数ヶ月から分度器(セレン)テストケースを使用しています。分度器(セレン)テストケースにもPhantomCSS(ベースラインコンセプト付き)を使用してUI回帰を統合したいと考えています。
ノート:
(Phantomcss は使用できますが、Casper を使用するサイド プロジェクトとして使用できますが、既存の Protractor テスト ケースと統合することはできません)。
javascript - PhantomCSS スクリーンショットが for ループ内で正しく機能しない
すべてのページでスクリーンショットをキャプチャしたいと思います。別のページに移動するには、関数がありますmoveNext()
。コンソールを確認すると、すべてのページに順番に移動していることがわかります。ただし、すべてのページで同時にスクリーンショットを撮るのではなく、最後のページの複数のスクリーンショットを撮ります。casperjs はコールバックまたは待機オプションを提供しますか?