# frozen_string_literal: true

require 'test_helper'

class CardTest < ActionView::TestCase
  include UiBibz::Helpers::Ui::CoreHelper

  test 'create card' do
    actual = ui_card do
      'test'
    end
    expected = '<div class="card"><div class="card-body">test</div></div>'

    assert_equal expected, actual
  end

  test 'card status' do
    actual = ui_card 'test', status: :primary
    expected = '<div class="bg-primary text-white card"><div class="card-body">test</div></div>'

    assert_equal expected, actual
  end

  test 'card outline' do
    actual = ui_card 'test', status: :success, outline: true, tap: true do |c|
      c.header 'header'
      c.body 'header'
      c.footer 'header'
    end
    expected = '<div class="border-success text-white card bg-transparent"><div class="card-header text-success border-success bg-transparent">header</div><div class="card-body">test</div><div class="card-body text-success">header</div><div class="card-footer text-success border-success bg-transparent">header</div></div>'

    assert_equal expected, actual
  end

  test 'create card with image, list and body' do
    actual = ui_card(tap: true) do |c|
      c.image 'image.svg'
      c.body do
        'test'
      end
      c.list_group do |lg|
        lg.list 'Cras justo odio'
        lg.list 'Dapibas ac facilisis in'
        lg.list 'vestibulum at eros'
      end
      c.body do
        link_to 'Card link', '#', class: 'card-link'
        link_to 'Card link', '#', class: 'card-link'
      end
    end
    expected = '<div class="card"><img class="card-img-top" src="/images/image.svg" /><div class="card-body">test</div><ul class="list-group-flush list-group"><li class="list-group-item">Cras justo odio</li><li class="list-group-item">Dapibas ac facilisis in</li><li class="list-group-item">vestibulum at eros</li></ul><div class="card-body"><a class="card-link" href="#">Card link</a></div></div>'

    assert_equal expected, actual
  end

  test 'create card with header, body and footer' do
    actual = ui_card tap: true, class: 'state' do |p|
      p.header 'state', glyph: 'eye'
      p.body 'state'
      p.footer 'state'
    end
    expected = '<div class="state card"><div class="card-header"><i class="glyph fas fa-eye"></i>  state</div><div class="card-body">state</div><div class="card-footer">state</div></div>'

    assert_equal expected, actual
  end

  test 'position' do
    actual = ui_card tap: true, text: { position: :right, size: :md } do |p|
      p.body tap: true do |b|
        b.title 'Special title treatment'
        b.text 'With supporting text below as a natural lead-in to additional content.'
        b.link 'Go somewhere', url: '#go-somewhere', class: 'btn btn-primary'
      end
    end
    expected = '<div class="card text-md-right"><div class="card-body"><h4 class="card-title">Special title treatment</h4><p class="card-text">With supporting text below as a natural lead-in to additional content.</p><a class="btn btn-primary card-link" href="#go-somewhere">Go somewhere</a></div></div>'

    assert_equal expected, actual
  end

  test 'create card group' do
    actual = ui_card_group do |cg|
      cg.card 'test 1', body: true
      cg.card 'test 2', body: true
      cg.card 'test 3', body: true
    end
    expected = '<div class="card-group"><div class="card"><div class="card-body">test 1</div></div><div class="card"><div class="card-body">test 2</div></div><div class="card"><div class="card-body">test 3</div></div></div>'

    assert_equal expected, actual
  end

  test 'create card deck' do
    actual = ui_card_deck do |cg|
      cg.card 'test 1', body: true
      cg.card 'test 2', body: true
      cg.card 'test 3', body: true
    end
    expected = '<div class="card-deck-wrapper"><div class="card-deck"><div class="card"><div class="card-body">test 1</div></div><div class="card"><div class="card-body">test 2</div></div><div class="card"><div class="card-body">test 3</div></div></div></div>'
    assert_equal expected, actual
  end

  test 'create card column' do
    actual = ui_card_column do |cg|
      cg.card 'test 1', body: true
      cg.card 'test 2', body: true
      cg.card 'test 3', body: true
    end
    expected = '<div class="card-columns"><div class="card"><div class="card-body">test 1</div></div><div class="card"><div class="card-body">test 2</div></div><div class="card"><div class="card-body">test 3</div></div></div>'

    assert_equal expected, actual
  end

  test 'card list group' do
    actual = ui_card tap: true do |c|
      c.list_group do |lg|
        lg.list 'list 1'
        lg.list 'list 2'
        lg.list 'list 3'
      end
    end
    expected = '<div class="card"><ul class="list-group-flush list-group"><li class="list-group-item">list 1</li><li class="list-group-item">list 2</li><li class="list-group-item">list 3</li></ul></div>'

    assert_equal expected, actual
  end

  test 'card body parameters' do
    actual = ui_card tap: true do |c|
      c.body tap: true do |b|
        b.title 'title'
        b.text 'text'
        b.link 'link', url: '#'
      end
    end
    expected = '<div class="card"><div class="card-body"><h4 class="card-title">title</h4><p class="card-text">text</p><a class="card-link" href="#">link</a></div></div>'

    assert_equal expected, actual
  end

  test 'card header tab group' do
    actual = ui_card tap: true do |c|
      c.header tap: true do |h|
        h.tab_group tap: true do |cg|
          cg.tab 'link1', url: '#link1'
          cg.tab 'link2', url: '#link2'
        end
      end
    end
    expected = '<div class="card"><div class="card-header"><ul class="nav nav-tabs card-header-tabs"><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#link1">link1</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#link2">link2</a></li></ul></div></div>'

    assert_equal expected, actual
  end
end