On Thursday, March 21, 2013 4:43:00 AM UTC-7, [email protected] wrote: > As mentioned by Dan/Chuck,first I inspected the color picker which popsup > the multiple colored dvis. > > b.div(:class => "color_swatch",:style => "background-color: rgb(153, 51, > 102); border-color: rgb(0, 0, 0);").click > > But its throwing the below error : > invalid attribute: nil > (Watir::Exception::MissingWayOfFindingObjectException) > ./features/step_definitions/smartmanager_email_steps.rb:11:in `/^I > click title color > picker$/'features\smart_manager_email_setup_05.feature:17:in `And I click > title color picker' > > Any help is much more appreciated... >
Might need to see more of the error message.. Watir doesn't appear to like how you are trying to identify the element. if you are able to get the swatches to appear then the problem becomes clicking the right swatch. However that appears to be a static element, with all the swatches in a predictable order. You might be able to use that to your advantage and get the one you want by just using it's index browser.div(:id => "color_selector").div(:index => 28).click > On Wednesday, March 20, 2013 3:47:26 PM UTC, [email protected] wrote: >> >> Hi, >> >> In my application I've come across a color picker where I've to select a >> particular color..I'm totally blocked here.Plz find the screenshot of the >> color picker... >> >> HTML code: >> >> <input class="colorpicker" type="text" value="#000000" >> name="title.colour" style="display: none;"> >> <div class="color_picker" style="background-color: rgb(0, 0, 0);"> </div> >> <div class="clear"></div> >> <div class="spacer"></div> >> <label for="Price">Price</label> >> <select name="price.Font"> >> <select name="price.characteristics"> >> <input id="pricefontSize" type="text" value="12.0" name="price.fontSize" >> size="2"> >> pt >> <input class="colorpicker" type="text" value="#000000" >> name="price.colour" style="display: none;"> >> <div class="color_picker" style="background-color: rgb(0, 0, 0);"> </div> >> <div class="clear"></div> >> <div class="spacer"></div> >> <label for="backgroundcolor">Background color</label> >> <input id="bgColor" class="colorpicker" type="text" value="#FFFFFF" >> name="backgroundColour" style="display: none;"> >> <div class="color_picker" style="background-color: rgb(255, 255, 255);"> >> </div> >> <div class="clear"></div> >> <div class="spacer"></div> >> <a id="advancedHelp" href="#advanced" bt-xtitle="" title=""> >> <a href="#advanced"> Advanced</a> >> <div class="clear"></div> >> <label for="htmlCode" style="display: none;">Html/Css Code</label> >> <textarea id="htmlCode" rows="30" cols="80" name="templateCode" >> style="display: none;"></textarea> >> <div class="CodeMirror" style="display: none;"> >> <div class="clear"></div> >> <div class="spacer"></div> >> <label>Content Preview</label> >> <input id="previewTitle" type="text" value="A Test Product"> >> <img id="productInfoPreview" align="top" alt="Error in html/css code?" >> src="productInfoPreview.page?code=JTNDc3R5bGUlM0UlMEElMjNjb250ZW50JTIwJTdCJTBBYmFja2dyb3VuZCUzQSUyM0ZGRkZGRiUzQiUwQSU3RCUwQSUyM3RpdGxlJTIwJTdCJTBBY29sb3IlM0ElMjMwMDAwMDAlM0IlMEFmb250LWZhbWlseSUzQSUyMEFyaWFsJTNCJTBBZm9udC1zaXplJTNBJTIwMTIuMHB0JTNCJTBBZGlzcGxheSUzQWJsb2NrJTNCJTBBZmxvYXQlM0FsZWZ0JTNCJTBBY2xlYXIlM0Fib3RoJTNCJTBBJTdEJTBBJTIzcHJpY2UlMjAlN0IlMEFjb2xvciUzQSUyMzAwMDAwMCUzQiUwQWZvbnQtZmFtaWx5JTNBJTIwQXJpYWwlM0IlMEFmb250LXNpemUlM0ElMjAxMi4wcHQlM0IlMEFkaXNwbGF5JTNBYmxvY2slM0IlMEFmbG9hdCUzQWxlZnQlM0IlMEFjbGVhciUzQWJvdGglM0IlMEElN0QlMEElM0MlMkZzdHlsZSUzRSUwQSUzQ3NwYW4lMjBpZCUzRCd0aXRsZSclM0UlMjR0aXRsZSUzQyUyRnNwYW4lM0UlMEElM0NzcGFuJTIwaWQlM0QncHJpY2UnJTNFJUMyJUEzJTIwJTI0bGliLnNpbXBsZUZvcm1hdFByaWNlKCUyMCUyNHNhbGVQcmljZUdCUCUyQzIpJTNDJTJGc3BhbiUzRSUwQQ==&w=100&h=40&t=A >> >> Test Product"> >> </fieldset> >> <label for="howMany">Number Of Items</label> >> <input id="howMany" type="text" value="1" name="howMany" size="2"> >> <div class="clear"></div> >> <div class="spacer"></div> >> <label for="locale">Locale</label> >> <select name="location"> >> <div class="spacer"></div> >> <input id="tags" type="hidden" value="" name="tags"> >> <div class="spacer"></div> >> <p>Please insert here any tracking code you want to be added in the >> product link url</p> >> <label for="trackingCode">Tracking Code</label> >> <input id="trackingCode" value="" name="trackingCode"> >> <div class="spacer"></div> >> <label for="algorithms">Recommendations</label> >> <div class="spacer"></div> >> <p> >> <div class="spacer"></div> >> <table class="tree2"> >> <div class="spacer"></div> >> <div class="t1container"> >> <div class="treeChildSkeleton" style="display: none;"> >> <div class="spacer"></div> >> <div id="emailFocus" style="display: none;"> >> <div class="spacer"></div> >> <label> Email Placeholder:</label> >> <input type="text" value="%email%" name="emailplaceholder"> >> <div class="spacer"></div> >> <div class="codegenerator"> >> <div id="errors"></div> >> <div id="template" class="hidden template"> >> <div class="spacer"></div> >> <div class="spacer"></div> >> <label>Email:</label> >> <input type="text" value="" name="emailId"> >> <a href="#triggerEmail">Trigger Test Email</a> >> <a href="#showPreview">Preview Email</a> >> <div class="spacer"></div> >> <div id="emailmessage"></div> >> </fieldset> >> <div class="spacer"></div> >> <input class="submit120" type="submit" value="Save" name="doaction"> >> <a class="submit120" href="cancel.page">Cancel</a> >> <div id="previewPopup"></div> >> </form> >> </div> >> </div> >> <div id="color_selector" style="display: none; top: 639px; left: >> 663.5px;"> >> <div class="color_swatch" style="background-color: rgb(0, 0, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(153, 51, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(51, 51, 0);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(0, 0, 128);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(51, 51, 153);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(51, 51, 51); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(128, 0, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 102, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(128, 128, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(0, 128, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(0, 128, 128); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(0, 0, 255);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(102, 102, 153); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(128, 128, 128); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 0, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 153, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(153, 204, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(51, 153, 102);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(51, 204, 204);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(51, 102, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(128, 0, 128); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(153, 153, 153); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 0, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 204, 0); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 255, 0);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(0, 255, 0);"> >> </div> >> <div class="color_swatch" style="background-color: rgb(0, 255, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(0, 204, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(153, 51, 102); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(192, 192, 192); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 153, 204); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 204, 153); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 255, 153); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(204, 255, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(153, 204, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div class="color_swatch" style="background-color: rgb(255, 255, 255); >> border-color: rgb(0, 0, 0);"> </div> >> <div id="color_custom"> >> </div> >> <ul id="menu0" class="expressionRowAdder jqpopupmenu" rowhandler="1" >> style="display: none; visibility: visible; z-index: 9000;"> >> </body> >> </html> >> >> Any help is highly appreciated... >> >> -- -- Before posting, please read http://watir.com/support. In short: search before you ask, be nice. [email protected] http://groups.google.com/group/watir-general [email protected] --- You received this message because you are subscribed to the Google Groups "Watir General" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
