Implement basic login

app/assets/stylesheets/application.css

@@ -12,5 +12,4 @@
  *
  *
  *= require_tree .
  *= require_tree .
  *= require_self
  *= require_self
- *= require bootstrap  
  */
  */

app/assets/stylesheets/custom.scss

@@ -47,11 +47,19 @@ p {
   }
   }
 }
 }
 
 
-.navbar li a{
+.navbar ul{
+  list-style: none;
+  }
+  li a{
   color: #fff;
   color: #fff;
   font-size: 18px;
   font-size: 18px;
   font-weight: bold;
   font-weight: bold;
   padding: 4px 10px;
   padding: 4px 10px;
+  text-decoration: none;
+  &:hover {
+    color: #000;
+    text-decoration: none;
+  }
 }
 }
 
 
 .jumbotron {
 .jumbotron {

app/controllers/sessions_controller.rb

 class SessionsController < ApplicationController
 class SessionsController < ApplicationController
+  include SessionsHelper 
   def new
   def new
   end
   end
 
 
   def create
   def create
     user = User.find_by(email: params[:session][:email].downcase)
     user = User.find_by(email: params[:session][:email].downcase)
     if user && user.authenticate(params[:session][:password])
     if user && user.authenticate(params[:session][:password])
-      helpers.log_in user
+      log_in user
       redirect_to user
       redirect_to user
     else
     else
       flash.now[:danger] = 'Invalid email/password combination'
       flash.now[:danger] = 'Invalid email/password combination'
@@ -14,5 +15,7 @@ class SessionsController < ApplicationController
   end
   end
 
 
   def destroy
   def destroy
+    log_out
+    redirect_to root_url
   end
   end
 end
 end

app/controllers/users_controller.rb

@@ -11,6 +11,7 @@ class UsersController < ApplicationController
   def create
   def create
     @user = User.new(user_params)
     @user = User.new(user_params)
     if @user.save
     if @user.save
+      log_in @user
       flash[:success] = "Welcome to the Sample App!"
       flash[:success] = "Welcome to the Sample App!"
       redirect_to @user
       redirect_to @user
     # Handle a successful save.
     # Handle a successful save.

app/helpers/sessions_helper.rb

@@ -13,4 +13,10 @@ module SessionsHelper
   def logged_in?
   def logged_in?
     !current_user.nil?
     !current_user.nil?
   end
   end
+  
+  # Logs out the current user.
+  def log_out
+    session.delete(:user_id)
+    @current_user = nil
+  end
 end
 end

app/models/user.rb

@@ -7,4 +7,11 @@ class User < ApplicationRecord
                     uniqueness: true
                     uniqueness: true
   has_secure_password
   has_secure_password
   validates :password, presence: true, length: { minimum: 6 }
   validates :password, presence: true, length: { minimum: 6 }
+
+  # Returns the hash digest of the given string.
+  def User.digest(string)
+    cost = ActiveModel::SecurePassword.min_cost ? BCrypt::Engine::MIN_COST :
+                                                  BCrypt::Engine.cost
+    BCrypt::Password.create(string, cost: cost)
+  end
 end
 end

app/views/layouts/_header.html.erb

@@ -4,17 +4,17 @@
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
       <span class="navbar-toggler-icon"></span>
     </button>
     </button>
-    <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
-      <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+    <nav>
+      <ul class="collapse navbar-collapse ms-auto mb-2 mb-lg-0" id="navbarSupportedContent">
         <li><%= link_to "Home",root_path %></li>
         <li><%= link_to "Home",root_path %></li>
         <li><%= link_to "Help", help_path  %></li>
         <li><%= link_to "Help", help_path  %></li>
         <% if logged_in? %>
         <% if logged_in? %>
           <li><%= link_to "Users", '#' %></li>
           <li><%= link_to "Users", '#' %></li>
-          <li class="nav-item dropdown">
+          <li class="dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
               Account
               Account
             </a>
             </a>
-            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdown">
               <li><%= link_to "Profile", current_user %></li>
               <li><%= link_to "Profile", current_user %></li>
               <li><%= link_to "Settings", '#' %></li>
               <li><%= link_to "Settings", '#' %></li>
               <li><hr class="dropdown-divider"></li>
               <li><hr class="dropdown-divider"></li>
@@ -27,6 +27,6 @@
         <li><%= link_to "Log in", login_path %></li>
         <li><%= link_to "Log in", login_path %></li>
         <% end %>
         <% end %>
       </ul>
       </ul>
-    </div>
+    <nav>
   </div>
   </div>
 </header>
 </header>
\ No newline at end of file

package.json

@@ -2,10 +2,12 @@
   "name": "sample-app",
   "name": "sample-app",
   "private": true,
   "private": true,
   "dependencies": {
   "dependencies": {
+    "@popperjs/core": "^2.9.2",
     "@rails/actioncable": "^6.0.0",
     "@rails/actioncable": "^6.0.0",
     "@rails/activestorage": "^6.0.0",
     "@rails/activestorage": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "5.4.0",
     "@rails/webpacker": "5.4.0",
+    "@types/popper.js": "^1.11.0",
     "bootstrap": "5.0.1",
     "bootstrap": "5.0.1",
     "jquery": "^3.6.0",
     "jquery": "^3.6.0",
     "turbolinks": "^5.2.0",
     "turbolinks": "^5.2.0",

test/fixtures/users.yml

 # Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
 # Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+michael:
+  name: Michael Example
+  email: michael@example.com
+  password_digest: <%= User.digest('password') %>
\ No newline at end of file

test/integration/users_login_test.rb

 require "test_helper"
 require "test_helper"
 
 
 class UsersLoginTest < ActionDispatch::IntegrationTest
 class UsersLoginTest < ActionDispatch::IntegrationTest
-  test "login with invalid information" do
+  def setup
+    @user = users(:michael)
+  end
+  
+  test "login with valid email/invalid password" do
+      get login_path
+      assert_template 'sessions/new'
+      post login_path, params: { session: { email:
+      @user.email,
+      password: "invalid" } }
+      assert_not is_logged_in?
+      assert_template 'sessions/new'
+      assert_not flash.empty?
+      get root_path
+      assert flash.empty?
+  end
+  test "login with valid information followed by logout" do
     get login_path
     get login_path
-    assert_template 'sessions/new'
-    post login_path, params: { session: { email: "", password: "" } }
-    assert_template 'sessions/new'
-    assert_not flash.empty?
-    get root_path
-    assert flash.empty?
+    post login_path, params: { session: { email:
+    @user.email,
+    password: 'password' } }
+    assert is_logged_in?
+    assert_redirected_to @user
+    follow_redirect!
+    assert_template 'users/show'
+    assert_select "a[href=?]", login_path, count: 0
+    assert_select "a[href=?]", logout_path
+    assert_select "a[href=?]", user_path(@user)
+    delete logout_path
+    assert_not is_logged_in?
+    assert_redirected_to root_url
+    follow_redirect!
+    assert_select "a[href=?]", login_path
+    assert_select "a[href=?]", logout_path,
+    count: 0
+    assert_select "a[href=?]", user_path(@user), count: 0
   end
   end
 end
 end

test/test_helper.rb

@@ -9,4 +9,8 @@ parallelize(workers: :number_of_processors)
 # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
 # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
 fixtures :all
 fixtures :all
 # Add more helper methods to be used by all tests here...
 # Add more helper methods to be used by all tests here...
+# Returns true if a test user is logged in.
+def is_logged_in?
+  !session[:user_id].nil?
+end
 end
 end
\ No newline at end of file