johana-star · April 2, 2012 06:28
diff --git a/index.erb b/index.erb
 <!-- in lib/views/index.erb -->
 <html>
 	<head>
 	<script src="http://code.jquery.com/jquery-latest.js"></script>
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 	<title>Strand Beer</title>
 	</head>
 	<body>
 	<a href="" id="en">EN</a> | <a href="" id="zh">ZH</a>
 	<p class='en' lang='en'>This is English content.</p>
 	<p class='zh' lang='zh'>这是中国的内容。</p>
 	<script>
 	$("a#en").click(function(event) {
 	  event.preventDefault();
 		$('.zh').hide();
 		$('.en').show();
 	});
 	$("a#zh").click(function(event) {
 	  event.preventDefault();
 		$('.en').hide();
 		$('.zh').show();
 	});
 	</script>
  </body>
 </html>
diff --git a/language_selector.feature b/language_selector.feature
 # in features/language_selector.feature

 Feature: language selector
 	As a customer
 	I want to be able to view the site in Chinese or English
 	So I can read about beer in the language which I am most fluent.

 	@javascript
 	Scenario: Selecting English language content
 		Given I am on the homepage
 		When I follow "EN"
 		Then I should be on the homepage
 		And I should see "This is English content."
 		And I should see "这是中国的内容。" within ".hidden"
 		And I should see "EN | ZH"

 	@javascript		
 	Scenario: Selecting Chinese language content
 		Given I am on the homepage
 		When I follow "ZH"
 		Then I should be on the homepage
 		And I should see "这是中国的内容。"
 		And I should see "This is English content." within ".hidden"
 		And I should see "EN | ZH"
diff --git a/problem_definition.md b/problem_definition.md
	<!-- in lib/views/index.erb -->
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Strand Beer</title>
	</head>
	<body>
	<a href="" id="en">EN</a> \| <a href="" id="zh">ZH</a>
	<p class='en' lang='en'>This is English content.</p>
	<p class='zh' lang='zh'>这是中国的内容。</p>
	<script>
	$("a#en").click(function(event) {
	event.preventDefault();
	$('.zh').hide();
	$('.en').show();
	});
	$("a#zh").click(function(event) {
	event.preventDefault();
	$('.en').hide();
	$('.zh').show();
	});
	</script>
	</body>
	</html>
	# in features/language_selector.feature

	Feature: language selector
	As a customer
	I want to be able to view the site in Chinese or English
	So I can read about beer in the language which I am most fluent.

	@javascript
	Scenario: Selecting English language content
	Given I am on the homepage
	When I follow "EN"
	Then I should be on the homepage
	And I should see "This is English content."
	And I should see "这是中国的内容。" within ".hidden"
	And I should see "EN \| ZH"

	@javascript
	Scenario: Selecting Chinese language content
	Given I am on the homepage
	When I follow "ZH"
	Then I should be on the homepage
	And I should see "这是中国的内容。"
	And I should see "This is English content." within ".hidden"
	And I should see "EN \| ZH"