TestComplete Tip: How To Capture Scrolling Web Page Screenshots > aqCommunity

Current Articles | Categories | Search | Syndication

Friday, September 29, 2006

TestComplete Tip: How To Capture Scrolling Web Page Screenshots By Drew Wells @ 2:53 PM

Windows application screenshot? No problem. Web browser screenshot? No problem.

What's that? The web page is longer than the browser window and you need a screenshot that captures the full body of the web page? Hmmm...

No problem! WebShot is a free utility that captures scrolling web page screenshots. WebShot was created by Nathan Moinvaziri and works perfectly.

Here's some code to use WebShot with TestComplete. Install WebShot and run this code to do a screenshot of a scrolling web page and save it to the TestComplete log.

//[TestComplete jscript/javascript]
function Main()
{
  // Log a pic of example.com
  LogWebScreenShot("http://www.example.com");
  // Log a pic of Google News
  LogWebScreenShot("news.google.com");
  // Save a pic of Cnet news.com 
  if( WebScreenShot("news.com", "news_com_screenshot") )
    Log.Link(Project.Path + "news_com_screenshot.png", "Web screenshot saved to a PNG file.");
}

// WebScreenShot()
// Save a scrolling screenshot of a web page
// as a PNG image file to this project directory
// using Nathan Moinvaziri's WebShot utility
// found at http://websitescreenshots.com
function WebScreenShot(url, filename)
{
  var cmd = '"C:\\program files\\WebShot\\webshotcmd.exe"'
  cmd += ' /url ' + url; 
  cmd += ' /encoder png'; 
  cmd += ' /bwidth 1024';  
  cmd += ' /out "' + Project.Path + filename + '"';
  cmd += ' /wait 30000"';

var WshShell = Sys.OleObject("WScript.Shell");
  var oExec = WshShell.Exec(cmd);
  while (oExec.Status == 0){ Delay(100); };  
  stdout = oExec.StdOut.ReadAll();
  // Check the command output to see if the 
  // image was saved ok.
  status = stdout.indexOf('Saving web page image')>0;
  if (status == false)
    Log.Warning('WebScreenShot Failed =>', stdout);   
  return(status);
}

// LogWebScreenShot()
// Add a scrolling screenshot of a web page
// to the TestComplete log.
// Requires the function WebScreenShot() 
// which uses Nathan Moinvaziri's WebShot utility
// found at http://websitescreenshots.com
function LogWebScreenShot(url)
{
 var filename, img;
 filename = 'webshottemp.png';
 if (WebScreenShot(url,filename)){
   img = Utils.Picture;
   r = img.LoadFromFile(Project.Path + filename);
   Log.Picture(img, "Screenshot of " + url);
 }
 else
   Log.Warning('Error capturing image of '+url); 
}

Comments

by Andy Wong on Thursday, October 05, 2006

This is great! Thanks for sharing!

by Andy Wong on Thursday, October 05, 2006

This is handy but, does anyone know of a way of generating a screen shot of the active IE window when the test script is running?

Sys.Desktop.Picture()

Grabs the entire desktop whereas I only want the active IE window? This can be a pain especially if you have a dual monitor setup - BOTH screens get dumped!

Cheers,

Andy

by Tips McGee on Monday, October 09, 2006

Hi Andy, you can get a picture of any window by using the Picture() method of the window object. So you can do Log.Picture(w1.Picture()). I'll write up a post on it this week and explain in more detail.

by Renald on Monday, October 16, 2006

Any idea how to do it in asp.net in vb.net please?

by Tips McGee on Tuesday, October 17, 2006

Renald, webshot is a command-line program. Here are instructions on how to execute a command line shell application from asp.net/vb

http://www.aspfaq.com/2059

Good luck!

by Romeo on Friday, November 03, 2006

Could I use this program with compiled .aspx sites written on asp.net 2.0? I need to input the URL in command-line prompt, but the .aspx URL may not load if it is mentioned directly in some cases, for example, if user previously not inputed username and password. So I may see recorded actions in TestComplete, but screenshots are always made for the first page where Username and Password is situated. Could you suggest something? Your program is very good, but maybe I am doing something wrong and can't go to some pages?

by on Sunday, October 07, 2007

Capture scrolling web page screenshots

by on Sunday, October 07, 2007

Capture scrolling web page screenshots

Click here to post a comment

aqCommunity

AQA Products

Latest

Events