RSpec + Capybara: Submitting forms

Thato Semoko — Wed, 05 Aug 2020 11:01:38 +0000

In the past I thought testing my code was a waste of time until the day my web application did not perform well in production -it was embarrassingly buggy.

Since then I discovered RSpec and I fell in love with the tool and also behaviour driven development.RSpec rails becomes even more powerful with Capybara gem for even more robust testing with a look into how the user will interact with users.

For instance, testing how the user signs up, i.e, filling in the sign up form.

require 'rails_helper'

RSpec.describe "User Registration", type: :system do
  before do
    driven_by(:rack_test)
  end

  context "signs up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'You have signed up successfully'
    end
  end
end

We can take things more deeper to test what parameters users submit to the database through your forms. Let's start with a User model that requires full_name to be present on new sign ups.

class User < ApplicationRecord
  ...  
  validates :full_name, presence: true
  ...
end

Then we want to make sure that the form is not submitted unless this parameter is missing.

require 'rails_helper'

RSpec.describe "User Registration", type: :system do
  before do
    driven_by(:rack_test)
  end

  context "does not sign up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'First name can\'t be blank'
    end
  end
  context "signs up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Full name', with: 'User Example'
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'You have signed up successfully'
    end
  end
end

The combination of these technologies has made me fall in love with testing (BDD). What are some of the use cases you have implemented with RSpec and Capybara.

Mentorship webapp using Rails

Thato Semoko — Fri, 17 Jul 2020 09:00:56 +0000

Mentorship has always been something I am passionate about. Over the past couple of months I have asked questions to try and figure out how to best tackle some of the challenges some mentorships face.

Mentorship works, I believe this too.

With Menteasy, I believe we can begin to support mentors/mentees such that their relationship is not only engaging but also fruitful.

The webapp is in beta and would love to know what you guys think.

You can also send me an email: thatosmk@gmail.com for chats.

How do you test flutter code?

Thato Semoko — Thu, 11 Jun 2020 11:29:39 +0000

I have been creating a few custom widgets and I have been wondering what would be the best way to test state management in flutter.

Looking for a Vuejs markdown editor

Thato Semoko — Tue, 28 Apr 2020 22:45:44 +0000

I have been working with vuejs for a few weeks now and have started to love it. I want to be able to allow users to write and style posts with markdown syntax.

Any good packages would be appreciated

DEV Community: Thato Semoko

RSpec + Capybara: Submitting forms

Mentorship webapp using Rails

How do you test flutter code?

Looking for a Vuejs markdown editor