vbauer/manet

Screenshot of Angularjs app has no async content

Open

#62 opened on 2016年5月12日

GitHub で見る
 (6 comments) (0 reactions) (0 assignees)JavaScript (579 stars) (102 forks)batch import
help wantedquestion

説明

Same situation as in closed issue https://github.com/vbauer/manet/issues/34

It is an AngularJs app that uses C3js to build SVG charts. The page has no errors when loading on the browser. Tried both phantomjs and phantomjs2 (with 2 the delay option doesn't seem to by applied).

In the screenshot I see the basic layout (static assets) of the page, but not the dynamic/async content. Neither the angular rendered parts, nor the generated SVGs are present in the screenshot.

Tried with large delays (20000) even though the page normally loads in low single digit seconds. No luck either.

コントリビューターガイド

技術スタック
javascriptnodejsangular
領域
backendperformance
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
4
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Node.js basicsPhantomJS configurationUnderstanding of async content loading
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
30
調査方針
Investigate how manet captures screenshots, particularly the handling of async content. Look at the PhantomJS script used for rendering. Consider whether a custom callback or waitForAngularJS pattern is needed. Check closed issue #34 for previous discussions. The solution may involve modifying the rendering timeout or injecting a script to signal when async rendering completes.