2019-09-30 08:06:01 -04:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
require 'spec_helper'
|
|
|
|
|
2020-06-24 05:08:32 -04:00
|
|
|
RSpec.describe IconsHelper do
|
2017-11-09 11:35:12 -05:00
|
|
|
let(:icons_path) { ActionController::Base.helpers.image_path("icons.svg") }
|
|
|
|
|
2017-04-18 11:27:10 -04:00
|
|
|
describe 'icon' do
|
|
|
|
it 'returns aria-hidden by default' do
|
|
|
|
star = icon('star')
|
2017-04-24 10:14:34 -04:00
|
|
|
|
2017-04-18 11:27:10 -04:00
|
|
|
expect(star['aria-hidden']).to eq 'aria-hidden'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'does not return aria-hidden if aria-label is set' do
|
|
|
|
up = icon('up', 'aria-label' => 'up')
|
2017-04-24 10:14:34 -04:00
|
|
|
|
|
|
|
expect(up['aria-hidden']).to be_nil
|
2017-04-18 11:27:10 -04:00
|
|
|
expect(up['aria-label']).to eq 'aria-label'
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2017-11-09 06:23:14 -05:00
|
|
|
describe 'sprite_icon_path' do
|
2017-11-09 04:38:00 -05:00
|
|
|
it 'returns relative path' do
|
2020-07-14 08:09:14 -04:00
|
|
|
expect(sprite_icon_path).to eq(icons_path)
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'only calls image_path once when called multiple times' do
|
|
|
|
expect(ActionController::Base.helpers).to receive(:image_path).once.and_call_original
|
|
|
|
|
|
|
|
2.times { sprite_icon_path }
|
2017-11-09 04:38:00 -05:00
|
|
|
end
|
|
|
|
|
|
|
|
context 'when an asset_host is set in the config it will return an absolute local URL' do
|
|
|
|
let(:asset_host) { 'http://assets' }
|
|
|
|
|
|
|
|
before do
|
|
|
|
allow(ActionController::Base).to receive(:asset_host).and_return(asset_host)
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns an absolute URL on that asset host' do
|
2017-11-09 17:55:57 -05:00
|
|
|
expect(sprite_icon_path)
|
2017-11-09 10:15:07 -05:00
|
|
|
.to eq ActionController::Base.helpers.image_path("icons.svg", host: Gitlab.config.gitlab.url)
|
2017-11-09 04:38:00 -05:00
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2017-09-22 04:39:47 -04:00
|
|
|
describe 'sprite_icon' do
|
|
|
|
icon_name = 'clock'
|
|
|
|
|
|
|
|
it 'returns svg icon html' do
|
|
|
|
expect(sprite_icon(icon_name).to_s)
|
2017-11-09 11:35:12 -05:00
|
|
|
.to eq "<svg><use xlink:href=\"#{icons_path}##{icon_name}\"></use></svg>"
|
2017-09-22 04:39:47 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns svg icon html + size classes' do
|
|
|
|
expect(sprite_icon(icon_name, size: 72).to_s)
|
2017-11-09 11:35:12 -05:00
|
|
|
.to eq "<svg class=\"s72\"><use xlink:href=\"#{icons_path}##{icon_name}\"></use></svg>"
|
2017-09-22 04:39:47 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns svg icon html + size classes + additional class' do
|
|
|
|
expect(sprite_icon(icon_name, size: 72, css_class: 'icon-danger').to_s)
|
2017-11-09 11:35:12 -05:00
|
|
|
.to eq "<svg class=\"s72 icon-danger\"><use xlink:href=\"#{icons_path}##{icon_name}\"></use></svg>"
|
2017-09-22 04:39:47 -04:00
|
|
|
end
|
2018-07-18 12:56:19 -04:00
|
|
|
|
|
|
|
describe 'non existing icon' do
|
|
|
|
non_existing = 'non_existing_icon_sprite'
|
|
|
|
|
2019-04-05 04:43:27 -04:00
|
|
|
it 'raises in development mode' do
|
2019-09-03 21:57:25 -04:00
|
|
|
stub_rails_env('development')
|
2018-07-18 12:56:19 -04:00
|
|
|
|
|
|
|
expect { sprite_icon(non_existing) }.to raise_error(ArgumentError, /is not a known icon/)
|
|
|
|
end
|
|
|
|
|
2019-04-05 04:43:27 -04:00
|
|
|
it 'raises in test mode' do
|
2019-09-03 21:57:25 -04:00
|
|
|
stub_rails_env('test')
|
2018-07-18 12:56:19 -04:00
|
|
|
|
|
|
|
expect { sprite_icon(non_existing) }.to raise_error(ArgumentError, /is not a known icon/)
|
|
|
|
end
|
|
|
|
|
2019-04-05 04:43:27 -04:00
|
|
|
it 'does not raise in production mode' do
|
2019-09-03 21:57:25 -04:00
|
|
|
stub_rails_env('production')
|
2018-07-18 12:56:19 -04:00
|
|
|
|
2019-12-14 13:07:40 -05:00
|
|
|
expect(File).not_to receive(:read)
|
|
|
|
|
2018-07-18 12:56:19 -04:00
|
|
|
expect { sprite_icon(non_existing) }.not_to raise_error
|
|
|
|
end
|
|
|
|
end
|
2017-09-22 04:39:47 -04:00
|
|
|
end
|
|
|
|
|
2018-08-14 15:12:07 -04:00
|
|
|
describe 'audit icon' do
|
|
|
|
it 'returns right icon name for standard auth' do
|
|
|
|
icon_name = 'standard'
|
|
|
|
expect(audit_icon(icon_name).to_s)
|
|
|
|
.to eq '<i class="fa fa-key"></i>'
|
2018-08-14 16:55:32 -04:00
|
|
|
end
|
2018-08-14 15:12:07 -04:00
|
|
|
|
|
|
|
it 'returns right icon name for two-factor auth' do
|
|
|
|
icon_name = 'two-factor'
|
|
|
|
expect(audit_icon(icon_name).to_s)
|
2018-08-14 16:55:32 -04:00
|
|
|
.to eq '<i class="fa fa-key"></i>'
|
2018-08-14 15:12:07 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns right icon name for google_oauth2 auth' do
|
|
|
|
icon_name = 'google_oauth2'
|
|
|
|
expect(audit_icon(icon_name).to_s)
|
|
|
|
.to eq '<i class="fa fa-google"></i>'
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
describe 'file_type_icon_class' do
|
|
|
|
it 'returns folder class' do
|
|
|
|
expect(file_type_icon_class('folder', 0, 'folder_name')).to eq 'folder'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns share class' do
|
2015-04-01 23:32:16 -04:00
|
|
|
expect(file_type_icon_class('file', '120000', 'link')).to eq 'share'
|
2014-10-04 06:29:18 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-pdf-o class with .pdf' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.pdf')).to eq 'file-pdf-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-image-o class with .jpg' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.jpg')).to eq 'file-image-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-image-o class with .JPG' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.JPG')).to eq 'file-image-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-image-o class with .png' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.png')).to eq 'file-image-o'
|
|
|
|
end
|
|
|
|
|
2019-07-14 22:53:02 -04:00
|
|
|
it 'returns file-image-o class with .apng' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.apng')).to eq 'file-image-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-image-o class with .webp' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.webp')).to eq 'file-image-o'
|
|
|
|
end
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
it 'returns file-archive-o class with .tar' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.tar')).to eq 'file-archive-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-archive-o class with .TAR' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.TAR')).to eq 'file-archive-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-archive-o class with .tar.gz' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.tar.gz')).to eq 'file-archive-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-audio-o class with .mp3' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.mp3')).to eq 'file-audio-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-audio-o class with .MP3' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.MP3')).to eq 'file-audio-o'
|
|
|
|
end
|
|
|
|
|
2019-07-14 22:53:02 -04:00
|
|
|
it 'returns file-audio-o class with .m4a' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.m4a')).to eq 'file-audio-o'
|
|
|
|
end
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
it 'returns file-audio-o class with .wav' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.wav')).to eq 'file-audio-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-video-o class with .avi' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.avi')).to eq 'file-video-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-video-o class with .AVI' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.AVI')).to eq 'file-video-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-video-o class with .mp4' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.mp4')).to eq 'file-video-o'
|
|
|
|
end
|
|
|
|
|
2019-07-14 22:53:02 -04:00
|
|
|
it 'returns file-word-o class with .odt' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.odt')).to eq 'file-word-o'
|
|
|
|
end
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
it 'returns file-word-o class with .doc' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.doc')).to eq 'file-word-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-word-o class with .DOC' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.DOC')).to eq 'file-word-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-word-o class with .docx' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.docx')).to eq 'file-word-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-excel-o class with .xls' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.xls')).to eq 'file-excel-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-excel-o class with .XLS' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.XLS')).to eq 'file-excel-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-excel-o class with .xlsx' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.xlsx')).to eq 'file-excel-o'
|
|
|
|
end
|
|
|
|
|
2019-07-14 22:53:02 -04:00
|
|
|
it 'returns file-excel-o class with .odp' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.odp')).to eq 'file-powerpoint-o'
|
|
|
|
end
|
|
|
|
|
2014-10-04 06:29:18 -04:00
|
|
|
it 'returns file-excel-o class with .ppt' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.ppt')).to eq 'file-powerpoint-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-excel-o class with .PPT' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.PPT')).to eq 'file-powerpoint-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-excel-o class with .pptx' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.pptx')).to eq 'file-powerpoint-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-text-o class with .unknow' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'filename.unknow')).to eq 'file-text-o'
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'returns file-text-o class with no extension' do
|
|
|
|
expect(file_type_icon_class('file', 0, 'CHANGELOG')).to eq 'file-text-o'
|
|
|
|
end
|
|
|
|
end
|
2018-02-06 08:33:18 -05:00
|
|
|
|
|
|
|
describe '#external_snippet_icon' do
|
|
|
|
it 'returns external snippet icon' do
|
|
|
|
expect(external_snippet_icon('download').to_s)
|
2018-03-03 05:43:53 -05:00
|
|
|
.to eq("<span class=\"gl-snippet-icon gl-snippet-icon-download\"></span>")
|
2018-02-06 08:33:18 -05:00
|
|
|
end
|
|
|
|
end
|
2020-07-13 17:09:24 -04:00
|
|
|
|
|
|
|
describe 'loading_icon' do
|
|
|
|
it 'returns span with gl-spinner class and default configuration' do
|
|
|
|
expect(loading_icon.to_s)
|
|
|
|
.to eq '<span class="gl-spinner gl-spinner-orange gl-spinner-sm" aria-label="Loading"></span>'
|
|
|
|
end
|
|
|
|
|
|
|
|
context 'when css_class is provided' do
|
|
|
|
it 'appends css_class to gl-spinner element' do
|
|
|
|
expect(loading_icon(css_class: 'gl-mr-2').to_s)
|
|
|
|
.to eq '<span class="gl-spinner gl-spinner-orange gl-spinner-sm gl-mr-2" aria-label="Loading"></span>'
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
context 'when container is true' do
|
|
|
|
it 'creates a container that has the gl-spinner-container class selector' do
|
|
|
|
expect(loading_icon(container: true).to_s)
|
|
|
|
.to eq '<div class="gl-spinner-container"><span class="gl-spinner gl-spinner-orange gl-spinner-sm" aria-label="Loading"></span></div>'
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
2014-10-04 06:29:18 -04:00
|
|
|
end
|