Edit area monospace font test

bug: 53734
Change-Id: Ia4abf6a47a18605c5a28f6f57aa8841584285f37

tests/browser/features/step_definitions/panel_steps.rb

@@ -9,11 +9,14 @@ end
 
 When(/^I open "(.*?)" panel of language settings$/) do |panel|
 	on(PanelPage) do |page|
-		# These can be of two different type of elements, which PageObjects do not like.
-		if uls_position() == 'interlanguage'
-			page.trigger_cog_element.when_visible.click
-		elsif uls_position() == 'personal'
-			page.trigger_personal_element.when_visible.click
+		# Open the ULS panel if it's not open already
+		if !page.language_settings_dialog_element.visible?
+			# These can be of two different type of elements, which PageObjects do not like.
+			if uls_position() == 'interlanguage'
+				page.trigger_cog_element.when_visible.click
+			elsif uls_position() == 'personal'
+				page.trigger_personal_element.when_visible.click
+			end
 		end
 
 		case panel

tests/browser/features/step_definitions/textarea_font_steps.rb

@@ -0,0 +1,15 @@
+When(/^I set the editing fonts to "(.*?)"$/) do |editing_font|
+	visit(PreferencesPage) do |page|
+		page.preftab_editing_element.click
+		page.pref_editfont_element.select_value editing_font
+		page.save_element.click
+	end
+end
+
+When(/^I edit a page$/) do
+	visit(NoInterlanguagePage).edit_link_element.click
+end
+
+Then(/^I should see the edit area text being displayed using "(.*?)" font$/) do |font|
+	on(EditPage).editarea_element.style("font-family").should match(/^#{font}/)
+end