Share
Go down
echowh
Posts : 5
Join date : 2009-09-09

parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 2:31 pm
Hello,

I am using captureEntirePageScreenshot to capture screen shot. It does not work. The image only includes a black line.
The web page I want to tested use many css classes. They are not in the same css file. And many of them set background attributes.
The example of second parameter for captureEntirePageScreenshot is "background=#CCFFDD".
I also tried this parameter with "background=.addBdy .status div{
width:30px;
height:30px;
background-image:url(../images/ic36.png);
background-repeat:no-repeat;
background-position:58% 72.5%;
}".
It does not work either.
How to use this parameter to handle several background values in several css classes?
Thank you very much for any suggestion.

Regards
mugenhere
Posts : 9
Join date : 2009-09-08

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 3:30 pm
Would it be possible for you to attach the AUT page? That might give a better idea as to what code would help.

Mugen
echowh
Posts : 5
Join date : 2009-09-09

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 3:34 pm
Mugen,

I am not familiar with AUT page. Could you provide me some links, then I can continue to investigate it.

Regards,
Echo
avatar
Advisor
------------------------
------------------------
Posts : 383
Join date : 2009-07-30
Location : India
http://seleniumforum.forumotion.net

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 3:48 pm
echowh
Posts : 5
Join date : 2009-09-09

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 4:29 pm
Adviser,

I know the link.
I want a more complex example for the background parameter. "background=#CCFFDD" is a simple example. If my web page needs several CSS classes, how to write this parameter?
Like "background= CSS class"?
avatar
Advisor
------------------------
------------------------
Posts : 383
Join date : 2009-07-30
Location : India
http://seleniumforum.forumotion.net

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 4:45 pm
hi,

for this first you have to get class name and then replace that class name there.

storAttribute| locator@class | variable // use any locator on which that css class applied

the use , cpatureScreenShot("path","background="${variable})

Hope this will help you.

bye
echowh
Posts : 5
Join date : 2009-09-09

Re: parameters for captureEntirePageScreenshot

on Wed Sep 09, 2009 11:08 pm
Adviser,
Thank you so much for your help.
I tried with captureEntirePageScreenshot("path", "background=div.widget-container") and captureEntirePageScreenshot("path", "background=//div[@class=''widget-container"][1]"). Both of them do not work.
Maybe I made a mistake about the parameter "background". The class 'widget-container' specifies the size of web widget.
Can "background" be a CSS class or "div" element?

Regards,
Echo
mugenhere
Posts : 9
Join date : 2009-09-08

Re: parameters for captureEntirePageScreenshot

on Fri Sep 11, 2009 9:14 am
hi echowh,

wat i meant was would it be possible for you to attach that particular page where ur having problem? Maybe I could have a look at and try to write the code for the screenshot?

Thanks,
Mugen
echowh
Posts : 5
Join date : 2009-09-09

Re: parameters for captureEntirePageScreenshot

on Tue Sep 15, 2009 7:58 am
Hi Mugen,

Yes, I can not capture a particular page. Sad
But I can not provide a public link.
Do you know Bugzilla? I can not capture the main page of Bugzilla.
The page has image, and css files. The image I captured has no css layout.
CSS classes:
/* global (begin) */
body {
font-family: sans-serif;
color: #000;
background: #fff url("global/body-back.gif") repeat-x;
}
body, td, th, input {
font-family: Verdana, sans-serif;
font-size: small;
}
/* monospace is much smaller than Verdana by default, so we make it a bit bigger. */
pre, code, kbd {
font-size: medium;
}
/* global (end) */

/* header (begin) */
#header {
margin-bottom: 1em;
padding-bottom: 2px;
}

#header form {
font-size: 85%;
display: inline;
}

#header .links {
font-size: 85%;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
padding: 0.5em;
}

#message {
border: 1px solid red;
margin: 0.3em 0em;
padding: 0.3em;
color: green;
}

/* header (end) */

/* banner (begin) */
#banner {
}

/* banner (end) */

/* titles (begin) */
#titles {
width: 100%;
background-color: #404D6C;
color: #fff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
font-size: 110%;
margin: 0;
padding: 0.5em;
vertical-align: bottom;
}

#titles a {
color: #fff;
}

#titles p {
margin: 0;
padding: 0;
}

#titles #title {
font-weight: bold;
white-space: nowrap;
}

#titles #subtitle {
font-weight: normal;
width: 100%;
text-align: center;
}

#titles #information {
font-weight: normal;
text-align: right;
font-size: 90%;
white-space: nowrap;
}

/* titles (end) */

/* footer (begin) */
#footer {
clear: both;
margin-top: 5px;
width: 100%;
background: #edf2f2;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer form {
display: inline;
}

#footer .btn,
#footer .txt {
font-size: 80%;
}

#footer #useful-links {
display: table;
padding-left: 1ex;
padding-right: 1ex;
}

#footer #links-actions,
#footer #links-saved,
#footer #links-special {
display: table-row;
list-style-type: none;
}

#footer .label {
display: table-cell;
white-space: nowrap;
vertical-align: top;
}

#footer .links {
display: table-cell;
vertical-align: top;
}
/* footer (end) */

/* link lists (begin) */
ul.links {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.links li {
display: inline;
white-space: nowrap;
}
/* link lists (end) */

/* tabs (begin) */
.tabs td {
background: #eee;
text-align: center;
border-style: solid;
border-color: black;
border-width: 0px 0px 2px 0px;
}

.tabs td.selected {
background: white;
border-width: 2px 2px 0px 2px;
}

.tabs td.spacer {
background: white;
}
/* tabs (end) */

/* generic (begin) */
:link {
color: #039;
}

:visited {
color: #636;
}

🔗hover, :visited:hover {
color: #333;
}

🔗active, 🔗active {
color: #000;
}

.clickable_area {
cursor: pointer;
}
/* generic (end) */

div#docslinks {
float: right;
border: 1px solid black;
padding: 1ex;
font-size: 80%;
}

#docslinks h2 {
margin: 0;
}

.bz_obsolete {
text-decoration: line-through;
}
.bz_inactive {
text-decoration: line-through;
}
.bz_closed,
.bz_CLOSED td {
text-decoration: line-through;
}
.bz_private {
color: darkred;
background: #f3eeee;
}
.bz_disabled {
color: #a0a0a0;
}

.bz_comment {
margin-bottom: 2em;
}

/* The rules for these classes make international text wrap correctly,
even for languages like Japanese that have no spaces. */
.bz_comment_text, .uneditable_textarea {
font-family: monospace;
/* Note that these must all be on separate lines or they stop
working in Konqueror. */
white-space: pre-wrap; /* CSS 3 & 2.1 */
white-space: -moz-pre-wrap; /* Gecko */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
}

.bz_comment_text {
width: 50em;
}

.bz_first_comment {
}

.bz_comment_head, .bz_first_comment_head {
background-color: #e0e0e0;
}
.bz_comment_hilite pre {
background-color: lightgreen;
margin: 0;
padding: 1em 0;
}

span.quote {
color: #65379c;
/* Make quoted text not wrap. */
white-space: pre;
}

table#flags th,
table#flags td {
vertical-align: middle;
text-align: left;
}

.flag_select {
min-width: 3em;
}

#error_msg {
font-size: x-large;
}

.throw_error {
background-color: #ff0000;
color: black;
font-size: 120%;
margin: 1em;
padding: 0.5em 1em;
}

dt {
font-weight: bolder;
}
body > dl > dt {
border-top: dotted gray thin;
}
dl dl > dt {
border-top: none;
}

#admin_table th {
white-space: normal !important;
}

/* Style of the attachment table and time tracking table */
#attachment_table {
border-collapse: collapse;
width: 40em;
border: 1px solid #333333;
}

#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th {
background-color: #E0E0E0;
color: black;
}

#attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td {
border: 1px solid #333333;
}

.bz_attach_extra_info {
font-size: smaller;
}

.bz_attach_flags, .bz_attach_footer {
white-space: nowrap;
}

.bz_attach_view_hide {
float: right;
padding-left: 1em;
}

table.attachment_info th {
text-align: right;
vertical-align: top;
}

table.attachment_info td {
text-align: left;
vertical-align: top;
}

/* Text displayed when the attachment is not viewable by the web browser */
#noview {
text-align: left;
vertical-align: middle;
}

/* For bug fields */
.uneditable_textarea {
width: 30em;
font-size: medium;
}

div.user_match {
margin-bottom: 1em;
}

.box {
border: 1px solid black;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0.5em 1em;
}

.collapsed {
display: none;
}

/* Rules specific for printing */
@media print {
#header, #footer {
display: none;
}

body {
background-image: none;
background-color: #fff;
}
}

.field_label {
text-align: right;
vertical-align: top;
font-weight: bold;
}
.field_value, form#Create th, form#Create td {
vertical-align: top;
}

.calendar_button {
background: transparent url("global/calendar.png") no-repeat;
width: 20px;
height: 20px;
vertical-align: middle;
}
.calendar_button span { display: none }
/* These classes are set by YUI. */
.yui-calcontainer {
display: none;
background-color: white;
padding: 10px;
border: 1px solid #404D6C;
}

form#Create th {
text-align: right;
}

form#Create .comment {
vertical-align: top;
overflow: auto;
color: green;
margin: 0 0.5em;
padding: 0.3em;
height: 8ex;
}

http://135.252.172.25/bugzilla/skins/standard/index.css

/* The contents of this file are subject to the Mozilla Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is the Bugzilla Bug Tracking System.
*
* Contributor(s): Vitaly Harisov
*/

/* index page (begin) */

#page-index
{
padding: 0.2em 0.2em 0.15em 0.2em;
}

#page-index ul, #page-index li,
#page-index p, #page-index form p
{
margin: 0;
padding: 0;
}

#page-index ul
{
padding-bottom: 1em;
}

#page-index li
{
list-style: none;
}

#page-index p
{
padding-bottom: 0.5em;
}

/* Hide from NN4 */
div#page-index .intro
{
width: 250px;
height: 200px;

margin-top: 2.3em;
margin-right: 2.3em;
float: right;
background: transparent no-repeat url(index/front.png);
}

#page-index #report
{
padding-bottom: 1em;
}

#page-index #sidebar
{
padding-top: 1em;
}

#new_release
{
border: 2px solid red;
padding: 0.5em 1em;
margin: 1em;
font-weight: bold;
}

#new_release .notice
{
font-size: 80%;
font-weight: normal;
}

#welcome-admin a
{
font-weight: bold;
}
/* index page (end) */

http://135.252.172.25/bugzilla/skins/standard/global.css

/* The contents of this file are subject to the Mozilla Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is the Bugzilla Bug Tracking System.
*
* The Initial Developer of the Original Code is Netscape Communications
* Corporation. Portions created by Netscape are
* Copyright (C) 1998 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s): Byron Jones
* Christian Reis
* Vitaly Harisov
* Svetlana Harisova
* Marc Schumann
*/

/* global (begin) */
body {
font-family: sans-serif;
color: #000;
background: #fff url("global/body-back.gif") repeat-x;
}
body, td, th, input {
font-family: Verdana, sans-serif;
font-size: small;
}
/* monospace is much smaller than Verdana by default, so we make it a bit bigger. */
pre, code, kbd {
font-size: medium;
}
/* global (end) */

/* header (begin) */
#header {
margin-bottom: 1em;
padding-bottom: 2px;
}

#header form {
font-size: 85%;
display: inline;
}

#header .links {
font-size: 85%;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
padding: 0.5em;
}

#message {
border: 1px solid red;
margin: 0.3em 0em;
padding: 0.3em;
color: green;
}

/* header (end) */

/* banner (begin) */
#banner {
}

/* banner (end) */

/* titles (begin) */
#titles {
width: 100%;
background-color: #404D6C;
color: #fff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
font-size: 110%;
margin: 0;
padding: 0.5em;
vertical-align: bottom;
}

#titles a {
color: #fff;
}

#titles p {
margin: 0;
padding: 0;
}

#titles #title {
font-weight: bold;
white-space: nowrap;
}

#titles #subtitle {
font-weight: normal;
width: 100%;
text-align: center;
}

#titles #information {
font-weight: normal;
text-align: right;
font-size: 90%;
white-space: nowrap;
}

/* titles (end) */

/* footer (begin) */
#footer {
clear: both;
margin-top: 5px;
width: 100%;
background: #edf2f2;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer form {
display: inline;
}

#footer .btn,
#footer .txt {
font-size: 80%;
}

#footer #useful-links {
display: table;
padding-left: 1ex;
padding-right: 1ex;
}

#footer #links-actions,
#footer #links-saved,
#footer #links-special {
display: table-row;
list-style-type: none;
}

#footer .label {
display: table-cell;
white-space: nowrap;
vertical-align: top;
}

#footer .links {
display: table-cell;
vertical-align: top;
}
/* footer (end) */

/* link lists (begin) */
ul.links {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.links li {
display: inline;
white-space: nowrap;
}
/* link lists (end) */

/* tabs (begin) */
.tabs td {
background: #eee;
text-align: center;
border-style: solid;
border-color: black;
border-width: 0px 0px 2px 0px;
}

.tabs td.selected {
background: white;
border-width: 2px 2px 0px 2px;
}

.tabs td.spacer {
background: white;
}
/* tabs (end) */

/* generic (begin) */
:link {
color: #039;
}

:visited {
color: #636;
}

🔗hover, :visited:hover {
color: #333;
}

🔗active, 🔗active {
color: #000;
}

.clickable_area {
cursor: pointer;
}
/* generic (end) */

div#docslinks {
float: right;
border: 1px solid black;
padding: 1ex;
font-size: 80%;
}

#docslinks h2 {
margin: 0;
}

.bz_obsolete {
text-decoration: line-through;
}
.bz_inactive {
text-decoration: line-through;
}
.bz_closed,
.bz_CLOSED td {
text-decoration: line-through;
}
.bz_private {
color: darkred;
background: #f3eeee;
}
.bz_disabled {
color: #a0a0a0;
}

.bz_comment {
margin-bottom: 2em;
}

/* The rules for these classes make international text wrap correctly,
even for languages like Japanese that have no spaces. */
.bz_comment_text, .uneditable_textarea {
font-family: monospace;
/* Note that these must all be on separate lines or they stop
working in Konqueror. */
white-space: pre-wrap; /* CSS 3 & 2.1 */
white-space: -moz-pre-wrap; /* Gecko */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
}

.bz_comment_text {
width: 50em;
}

.bz_first_comment {
}

.bz_comment_head, .bz_first_comment_head {
background-color: #e0e0e0;
}
.bz_comment_hilite pre {
background-color: lightgreen;
margin: 0;
padding: 1em 0;
}

span.quote {
color: #65379c;
/* Make quoted text not wrap. */
white-space: pre;
}

table#flags th,
table#flags td {
vertical-align: middle;
text-align: left;
}

.flag_select {
min-width: 3em;
}

#error_msg {
font-size: x-large;
}

.throw_error {
background-color: #ff0000;
color: black;
font-size: 120%;
margin: 1em;
padding: 0.5em 1em;
}

dt {
font-weight: bolder;
}
body > dl > dt {
border-top: dotted gray thin;
}
dl dl > dt {
border-top: none;
}

#admin_table th {
white-space: normal !important;
}

/* Style of the attachment table and time tracking table */
#attachment_table {
border-collapse: collapse;
width: 40em;
border: 1px solid #333333;
}

#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th {
background-color: #E0E0E0;
color: black;
}

#attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td {
border: 1px solid #333333;
}

.bz_attach_extra_info {
font-size: smaller;
}

.bz_attach_flags, .bz_attach_footer {
white-space: nowrap;
}

.bz_attach_view_hide {
float: right;
padding-left: 1em;
}

table.attachment_info th {
text-align: right;
vertical-align: top;
}

table.attachment_info td {
text-align: left;
vertical-align: top;
}

/* Text displayed when the attachment is not viewable by the web browser */
#noview {
text-align: left;
vertical-align: middle;
}

/* For bug fields */
.uneditable_textarea {
width: 30em;
font-size: medium;
}

div.user_match {
margin-bottom: 1em;
}

.box {
border: 1px solid black;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0.5em 1em;
}

.collapsed {
display: none;
}

/* Rules specific for printing */
@media print {
#header, #footer {
display: none;
}

body {
background-image: none;
background-color: #fff;
}
}

.field_label {
text-align: right;
vertical-align: top;
font-weight: bold;
}
.field_value, form#Create th, form#Create td {
vertical-align: top;
}

.calendar_button {
background: transparent url("global/calendar.png") no-repeat;
width: 20px;
height: 20px;
vertical-align: middle;
}
.calendar_button span { display: none }
/* These classes are set by YUI. */
.yui-calcontainer {
display: none;
background-color: white;
padding: 10px;
border: 1px solid #404D6C;
}

form#Create th {
text-align: right;
}

form#Create .comment {
vertical-align: top;
overflow: auto;
color: green;
margin: 0 0.5em;
padding: 0.3em;
height: 8ex;
}
body {
background: #c8c8c8;
font-family: Helvetica, Arial, Geneva;
padding-left: 1em;
padding-right: 1em;
}

/* page title */

#titles {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

#header .links {
background-color: #929bb1;
color: #f1dbc7;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border: none;
}

#header a {
color: white;
}

/* body */

#bugzilla-body {
background: #f0f0f0;
color: black;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #747e93;
padding: 10px;
font-size: 10pt;
-moz-border-radius: 5px;
}

a:link,
a🔗hover {
color: #6169c0;
}

a:visited {
color: #3d4a68;
}

a:link,
a:visited {
text-decoration: none;
}

a🔗hover,
a:visited:hover {
text-decoration: underline;
}

hr {
border-color: #969696;
border-style: dashed;
border-width: 1px;
margin-top: 10px;
}

/* edit */

#bugzilla-body th {
font-weight: bold;
vertical-align: top;
white-space: nowrap;
}

#bug-form td {
padding-top: 2px;
}

/* attachments */

#attachment-list {
border: 2px solid #c8c8ba;
font-size: 9pt;
}

#attachment-list th {
background-color: #e6e6d8;
border: none;
border-bottom: 1px solid #c8c8ba;
text-align: left;
}

#attachment-list th a {
color: #646456;
}

#attachment-list td {
border: none;
}

#attachment-list-actions td {
border-top: 1px solid #c8c8ba;
}

/* comments */

#comments th {
font-size: 9pt;
font-weight: bold;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
text-align: right;
vertical-align: top;
white-space: nowrap;
}

#comments td {
padding-top: 2px;
}

.reply-button a {
padding-left: 2px;
padding-right: 2px;
}

.bz_comment {
background-color: #e8e8e8;
margin: 1px 1px 10px 1px;
border-width: 1px;
border-style: solid;
border-color: #c8c8ba;
padding: 5px;
font-size: 9pt;
}

.bz_first_comment {
}

.bz_comment_head,
.bz_first_comment_head {
margin: 0; padding: 0;
background-color: transparent;
font-weight: bold;
}

.bz_comment.bz_private {
background-color: #f0e8e8;
border-color: #f8c8ba;
}

.bz_comment_head i,
.bz_first_comment_head i {
font-style: normal;
}

.comment_rule {
display: none;
}

/* footer */

#footer {
background: #929bb1;
color: #f1dbc7;
border: 1px solid #747e93;
width: 100%;
font-size: 9pt;
-moz-border-radius: 5px;
}

#footer a {
color: white;
}

#footer #links-actions,
#footer #links-edit,
#footer #links-saved,
#footer #links-special {
margin-top: 2ex;
}

#footer .label {
font-weight: bold;
color: #dddddd;
}

#footer .links {
border-spacing: 30px;
padding-bottom: 2ex;
}

.separator {
color: #cccccc;
}

#footer li.form {
background-color: transparent;
}

/* tabs */

.tabbed .tabbody {
background: #f8f8f8;
padding: 1em;
border-style: solid;
border-color: #000000;
border-width: 0 3px 3px 1px;
}

.tabs {
margin: 0;
padding: 0;
border-collapse: collapse;
}

.tabs td {
background: #c8c8c8;
border-width: 1px;
}

.tabs td.selected {
background: #f8f8f8;
border-width: 1px 3px 0 1px;
}

.tabs td.spacer {
background: transparent;
border-top: none;
border-left: none;
border-right: none;
}

/* other */

.bz_row_odd {
background-color: #f0f0f0;
}

/* Rules specific for printing */
@media print {
#header,
#footer,
.navigation {
display: none;
}

body {
background-image: none;
background-color: #ffffff;
}

#bugzilla-body {
border: none;
margin: 0;
padding: 0;
}
}
Do you have any suggestion?
Thanks,
Echowh
Sponsored content

Re: parameters for captureEntirePageScreenshot

Back to top
Permissions in this forum:
You cannot reply to topics in this forum