convert demo test to front end tests

Author: TimBest

README.md

@@ -66,6 +66,7 @@ $ python manage.py runserver
 ```
 
 ## Testing
+Install [PhantomJS](http://phantomjs.org/)
 ```bash
 $ python demo/manage.py behave
 ```

circle.yml

@@ -1,9 +1,6 @@
 machine:
- timezone:
- America/Los_Angeles
- python:
- version:
- 2.7.11
+ pre:
+ - sudo curl --output /usr/local/bin/phantomjs https://s3.amazonaws.com/circle-downloads/phantomjs-2.1.1
 
 dependencies:
  pre:

demo/requirements.txt

@@ -6,7 +6,9 @@ behave-django==0.3.0
 enum34==1.1.6
 parse==1.6.6
 parse-type==0.3.4
+selenium==3.0.1
 setuptools==25.1.2
+splinter==0.7.5
 coverage==4.2
 codecov==2.0.5
 requests==2.10.0

features/environment.py

@@ -0,0 +1,9 @@
+from splinter.browser import Browser
+
+
+def before_all(context):
+ context.browser = Browser('phantomjs')
+
+def after_all(context):
+ context.browser.quit()
+ context.browser = None

features/steps/contact_view.py

@@ -6,33 +6,26 @@
 
 @given('that a user fills in the contact form with valid input')
 def step_impl(context):
- context.values = {
- "sender_email": "test@example.bike",
- "subject": "just saying hello",
- "message": "Hi bob, havn't talk in a while. All the Best, --Joe",
- }
+ context.browser.visit(context.get_url('contact'))
+ context.browser.fill('sender_email', 'bob@example.com')
+ context.browser.fill('subject', 'just saying hello')
+ context.browser.fill('message', 'Hi bob, havn\'t talk in a while. All the Best, --Joe')
 
 @when('the user submits the contact form')
 def step_impl(context):
- context.response = context.test.client.post(
- context.get_url('/contact/'),
- context.values,
- follow=True,
- )
+ context.browser.find_by_css('input[type=submit]').first.click()
 
 @then('the contact form is successfully submitted')
 def step_impl(context):
- context.test.assertRedirects(context.response, context.get_url('contact_sent'))
+ assert context.browser.url == context.get_url('contact_sent')
 
 @given('that a user fills in the contact form with an invalid email')
 def step_impl(context):
- context.values = {
- "sender_email": "",
- "subject": "just saying hello",
- "message": "Hi bob, havn't talk in a while. All the Best, --Joe",
- }
+ context.browser.visit(context.get_url('contact'))
+ context.browser.fill('subject', 'just saying hello')
+ context.browser.fill('message', 'Hi bob, havn\'t talk in a while. All the Best, --Joe')
 
 @then('the contact form is not successfully submitted')
 def step_impl(context):
- for context in context.response.context:
-  assert context['forms']['user_form'].errors
+ assert context.browser.url == context.get_url('contact')
+ assert context.browser.is_element_present_by_css('.errorlist')

features/steps/record_form_view.py

@@ -8,40 +8,29 @@
 
 @given('that a user fills in the form with valid input')
 def step_impl(context):
- image = open('test.png', 'r')
-
- context.values = {
- "title": "Test title",
- "description": "Test description",
- "tag": Photo.UNKNOWN,
- "image": image,
- }
+ context.browser.visit(context.get_url('records_new'))
+ context.browser.fill('title', 'Test title')
+ context.browser.fill('description', 'Test description')
+ context.browser.attach_file('image', 'test.png')
+ context.browser.choose('tag', Photo.UNKNOWN)
 
 @when('the user submits the form')
 def step_impl(context):
- context.response = context.test.client.post(
- context.get_url('/records/new/'),
- context.values,
- follow=True,
- )
+ context.browser.find_by_css('input[type=submit]').first.click()
 
 @then('a Record and Photo instance are created')
 def step_impl(context):
- assert context.response.status_code == 200
  assert Photo.objects.count() == 1
  assert Record.objects.count() == 1
 
 @given('that a user fills in the form without uploading an image')
 def step_impl(context):
- context.values = {
- "title": "Test title",
- "description": "Test description",
- "tag": Photo.UNKNOWN,
- "image": None,
- }
+ context.browser.visit(context.get_url('records_new'))
+ context.browser.fill('title', 'Test title')
+ context.browser.fill('description', 'Test description')
+ context.browser.choose('tag', Photo.UNKNOWN)
 
 @then('a Record and Photo instance are not created')
 def step_impl(context):
- assert context.response.status_code == 200
  assert Photo.objects.count() == 0
  assert Record.objects.count() == 0