diff --git a/app/views/questions/_numeric_question.html.erb b/app/views/questions/_numeric_question.html.erb
index 400df305b..1188a87c4 100644
--- a/app/views/questions/_numeric_question.html.erb
+++ b/app/views/questions/_numeric_question.html.erb
@@ -1,4 +1,7 @@
\ No newline at end of file
diff --git a/spec/views/questions/_numeric_question.html.erb_spec.rb b/spec/views/questions/_numeric_question.html.erb_spec.rb
index 97519ff7e..8949790f7 100644
--- a/spec/views/questions/_numeric_question.html.erb_spec.rb
+++ b/spec/views/questions/_numeric_question.html.erb_spec.rb
@@ -1,25 +1,31 @@
-describe 'questions/_numeric_question.html.erb' do
- context 'when given a label and value constraints' do
- let(:label) { "Test Label" }
- let(:min) { "1" }
- let(:max) { "150" }
- let(:locals) { {label: label, minimum: min, maximum: max} }
+describe "questions/_numeric_question.html.erb" do
+ context "when given a label, value constraints and hint text" do
+ let(:label) { "Test Label" }
+ let(:min) { "1" }
+ let(:max) { "150" }
+ let(:hint_text) { "Some text that describes the question in more detail" }
+ let(:locals) { { label: label, minimum: min, maximum: max, hint_text: hint_text } }
- before(:each) do
- render :partial => 'numeric_question', locals: locals
- end
+ before(:each) do
+ render partial: "numeric_question", locals: locals
+ end
- it 'displays a numeric entry field with a label' do
- expect(rendered).to have_selector('//input[@type="number"]')
- expect(rendered).to have_selector("//label[contains('#{label}')]")
- end
+ it "displays a numeric entry field with a label" do
+ expect(rendered).to have_selector('//input[@type="number"]')
+ expect(rendered).to have_selector("//label[contains('#{label}')]")
+ end
- it 'validates for a given minimum input' do
- expect(rendered).to have_selector("//input[@min=#{min}]")
- end
+ it "validates for a given minimum input" do
+ expect(rendered).to have_selector("//input[@min=#{min}]")
+ end
+
+ it "validates for a given maximum input" do
+ expect(rendered).to have_selector("//input[@max=#{max}]")
+ end
- it 'validates for a given maximum input' do
- expect(rendered).to have_selector("//input[@max=#{max}]")
- end
+ it "displays hint text" do
+ expect(rendered).to have_selector("//div[@class='govuk-hint']")
+ expect(rendered).to have_css("#numeric_hint", text: hint_text.to_s)
end
-end
\ No newline at end of file
+ end
+end