Skip to content

Instantly share code, notes, and snippets.

@cheezy
Created August 18, 2011 10:55
Show Gist options
  • Save cheezy/1153827 to your computer and use it in GitHub Desktop.
Save cheezy/1153827 to your computer and use it in GitHub Desktop.
nested frames example
--- frame_example.rb ---
require 'watir-webdriver'
browser = Watir::Browser.new :firefox
html = File.expand_path("#{File.dirname(__FILE__)}/nested_frames.html")
browser.goto "file://#{html}"
frame = browser.frame(:id => 'two').frame(:id => 'three').frame(:id => 'four').frame(:id => 'five')
frame.text_field(:id => 'text_field_id1').set('value1')
frame.text_field(:id => 'text_field_id2').set('value2')
frame.text_field(:id => 'text_field_id3').set('value3')
frame.text_field(:id => 'text_field_id4').set('value4')
frame.text_field(:id => 'text_field_id5').set('value5')
browser.close
--- nested_frames.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
</head>
<frameset cols="20%, 80%">
<frame id="one" src="nested_frame_1.html">
<frame id="two" src="nested_frame_2.html">
</frameset>
</html>
--- nested_frame_1.html ---
frame 1
--- nested_frame_2.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
</head>
<body>
<p>
<input id="text_field_id1" name="text_field_name1" class="text_field_class"
size="40" type="text"/>
<iframe id="three" src="nested_frame_3.html"></iframe>
</p>
</body>
</html>
--- nested_frame_3.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>
Title
</title>
</head>
<body>
<p>
<input id="text_field_id2" name="text_field_name2" class="text_field_class"
size="40" type="text"/>
<iframe id="four" src="nested_frame_4.html"></iframe>
</p>
</body>
</html>
--- nested_frame_4.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>
Title
</title>
</head>
<body>
<p>
<input id="text_field_id3" name="text_field_name3" class="text_field_class"
size="40" type="text"/>
<iframe id="five" src="nested_frame_5.html"></iframe>
</p>
</body>
</html>
--- nested_frame_5.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>
Title
</title>
</head>
<body>
<p>
<a id="success_link" href="success.html" target="_top">this link should open the page success page</a>
<input id="text_field_id1" name="text_field_name1" class="text_field_class"
size="40" type="text"/>
<input id="text_field_id2" name="text_field_name2" class="text_field_class"
size="40" type="text"/>
<input id="text_field_id3" name="text_field_name3" class="text_field_class"
size="40" type="text"/>
<input id="text_field_id4" name="text_field_name4" class="text_field_class"
size="40" type="text"/>
<input id="text_field_id5" name="text_field_name5" class="text_field_class"
size="40" type="text"/>
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment