mirror of
https://github.com/mattn/emmet-vim.git
synced 2026-03-27 15:13:26 +08:00
21af7f3e2c
- Add .themisrc to set up runtimepath for test helpers - Add test helper in test/autoload/themis/helper/emmet.vim - Add test files: html, css, haml, slim, others (xsl/xsd/mustache/scss/jade/pug/jsx) - Update Makefile to use vim-themis (old target preserved as test-old) - All 181 test cases from unittest.vim are covered
153 lines
6.7 KiB
VimL
153 lines
6.7 KiB
VimL
let s:suite = themis#suite('css')
|
|
let s:assert = themis#helper('assert')
|
|
|
|
let s:emmet = themis#helper('emmet')
|
|
|
|
function! s:suite.__setup() abort
|
|
call s:emmet.setup()
|
|
endfunction
|
|
|
|
function! s:suite.__expand_abbreviation()
|
|
let expand = themis#suite('expand abbreviation')
|
|
|
|
function! expand.font_style_normal() abort
|
|
let res = s:emmet.expand_in_buffer('{fs:n$$$$}', 'css', '{font-style: normal;}')
|
|
call s:assert.equals(res, '{font-style: normal;}')
|
|
endfunction
|
|
|
|
function! expand.float_left_fc() abort
|
|
let res = s:emmet.expand_in_buffer('{fl:l|fc$$$$}', 'css', '{float: left;}')
|
|
call s:assert.equals(res, '{float: left;}')
|
|
endfunction
|
|
|
|
function! expand.background_plus() abort
|
|
let res = s:emmet.expand_in_buffer('{bg+$$$$}', 'css', '{background: $$$$#fff url() 0 0 no-repeat;}')
|
|
call s:assert.equals(res, '{background: $$$$#fff url() 0 0 no-repeat;}')
|
|
endfunction
|
|
|
|
function! expand.background_plus_important() abort
|
|
let res = s:emmet.expand_in_buffer('{bg+!$$$$}', 'css', '{background: $$$$#fff url() 0 0 no-repeat !important;}')
|
|
call s:assert.equals(res, '{background: $$$$#fff url() 0 0 no-repeat !important;}')
|
|
endfunction
|
|
|
|
function! expand.margin() abort
|
|
let res = s:emmet.expand_in_buffer('{m$$$$}', 'css', '{margin: $$$$;}')
|
|
call s:assert.equals(res, '{margin: $$$$;}')
|
|
endfunction
|
|
|
|
function! expand.margin_percent() abort
|
|
let res = s:emmet.expand_in_buffer('{m0.1p$$$$}', 'css', '{margin: 0.1%;}')
|
|
call s:assert.equals(res, '{margin: 0.1%;}')
|
|
endfunction
|
|
|
|
function! expand.margin_em() abort
|
|
let res = s:emmet.expand_in_buffer('{m1.0$$$$}', 'css', '{margin: 1.0em;}')
|
|
call s:assert.equals(res, '{margin: 1.0em;}')
|
|
endfunction
|
|
|
|
function! expand.margin_px() abort
|
|
let res = s:emmet.expand_in_buffer('{m2$$$$}', 'css', '{margin: 2px;}')
|
|
call s:assert.equals(res, '{margin: 2px;}')
|
|
endfunction
|
|
|
|
function! expand.border_radius() abort
|
|
let res = s:emmet.expand_in_buffer('{bdrs10$$$$}', 'css', '{border-radius: 10px;}')
|
|
call s:assert.equals(res, '{border-radius: 10px;}')
|
|
endfunction
|
|
|
|
function! expand.vendor_prefix_border_radius() abort
|
|
let res = s:emmet.expand_in_buffer('{-bdrs20$$$$}', 'css', "{-webkit-border-radius: 20px;\n-moz-border-radius: 20px;\n-o-border-radius: 20px;\n-ms-border-radius: 20px;\nborder-radius: 20px;}")
|
|
call s:assert.equals(res, "{-webkit-border-radius: 20px;\n-moz-border-radius: 20px;\n-o-border-radius: 20px;\n-ms-border-radius: 20px;\nborder-radius: 20px;}")
|
|
endfunction
|
|
|
|
function! expand.linear_gradient() abort
|
|
let res = s:emmet.expand_in_buffer('{lg(top,#fff,#000)$$$$}', 'css', "{background-image: -webkit-gradient(top, 0 0, 0 100, from(#fff), to(#000));\nbackground-image: -webkit-linear-gradient(#fff, #000);\nbackground-image: -moz-linear-gradient(#fff, #000);\nbackground-image: -o-linear-gradient(#fff, #000);\nbackground-image: linear-gradient(#fff, #000);\n}")
|
|
call s:assert.equals(res, "{background-image: -webkit-gradient(top, 0 0, 0 100, from(#fff), to(#000));\nbackground-image: -webkit-linear-gradient(#fff, #000);\nbackground-image: -moz-linear-gradient(#fff, #000);\nbackground-image: -o-linear-gradient(#fff, #000);\nbackground-image: linear-gradient(#fff, #000);\n}")
|
|
endfunction
|
|
|
|
function! expand.margin_multi_value() abort
|
|
let res = s:emmet.expand_in_buffer('{m10-5-0$$$$}', 'css', '{margin: 10px 5px 0;}')
|
|
call s:assert.equals(res, '{margin: 10px 5px 0;}')
|
|
endfunction
|
|
|
|
function! expand.margin_negative() abort
|
|
let res = s:emmet.expand_in_buffer('{m-10--5$$$$}', 'css', '{margin: -10px -5px;}')
|
|
call s:assert.equals(res, '{margin: -10px -5px;}')
|
|
endfunction
|
|
|
|
function! expand.margin_auto() abort
|
|
let res = s:emmet.expand_in_buffer('{m10-auto$$$$}', 'css', '{margin: 10px auto;}')
|
|
call s:assert.equals(res, '{margin: 10px auto;}')
|
|
endfunction
|
|
|
|
function! expand.width_percent() abort
|
|
let res = s:emmet.expand_in_buffer('{w100p$$$$}', 'css', '{width: 100%;}')
|
|
call s:assert.equals(res, '{width: 100%;}')
|
|
endfunction
|
|
|
|
function! expand.height_em() abort
|
|
let res = s:emmet.expand_in_buffer('{h50e$$$$}', 'css', '{height: 50em;}')
|
|
call s:assert.equals(res, '{height: 50em;}')
|
|
endfunction
|
|
|
|
function! expand.multi_property_group() abort
|
|
let res = s:emmet.expand_in_buffer('{(bg+)+c$$$$}', 'css', "{background: $$$$#fff url() 0 0 no-repeat;\ncolor: #000;}")
|
|
call s:assert.equals(res, "{background: $$$$#fff url() 0 0 no-repeat;\ncolor: #000;}")
|
|
endfunction
|
|
|
|
function! expand.multi_property() abort
|
|
let res = s:emmet.expand_in_buffer('{m0+bgi+bg++p0$$$$}', 'css', "{margin: 0;\nbackground-image: url($$$$);\nbackground: #fff url() 0 0 no-repeat;\npadding: 0;}")
|
|
call s:assert.equals(res, "{margin: 0;\nbackground-image: url($$$$);\nbackground: #fff url() 0 0 no-repeat;\npadding: 0;}")
|
|
endfunction
|
|
|
|
function! expand.fuzzy_border_left() abort
|
|
let res = s:emmet.expand_in_buffer('{borle$$$$}', 'css', '{border-left: $$$$;}')
|
|
call s:assert.equals(res, '{border-left: $$$$;}')
|
|
endfunction
|
|
|
|
function! expand.color_shorthand() abort
|
|
let res = s:emmet.expand_in_buffer('{c#dba$$$$}', 'css', '{color: rgb(221, 187, 170);}')
|
|
call s:assert.equals(res, '{color: rgb(221, 187, 170);}')
|
|
endfunction
|
|
|
|
function! expand.color_shorthand_alpha() abort
|
|
let res = s:emmet.expand_in_buffer('{c#dba.7$$$$}', 'css', '{color: rgb(221, 187, 170, 0.7);}')
|
|
call s:assert.equals(res, '{color: rgb(221, 187, 170, 0.7);}')
|
|
endfunction
|
|
|
|
function! expand.display_none() abort
|
|
let res = s:emmet.expand_in_buffer('{dn$$$$}', 'css', '{display: none;}')
|
|
call s:assert.equals(res, '{display: none;}')
|
|
endfunction
|
|
|
|
function! expand.padding_percent_sign() abort
|
|
let res = s:emmet.expand_in_buffer('{p10%$$$$}', 'css', '{padding: 10%;}')
|
|
call s:assert.equals(res, '{padding: 10%;}')
|
|
endfunction
|
|
|
|
function! expand.padding_p_suffix() abort
|
|
let res = s:emmet.expand_in_buffer('{p10p$$$$}', 'css', '{padding: 10%;}')
|
|
call s:assert.equals(res, '{padding: 10%;}')
|
|
endfunction
|
|
|
|
function! expand.padding_e_suffix() abort
|
|
let res = s:emmet.expand_in_buffer('{p10e$$$$}', 'css', '{padding: 10em;}')
|
|
call s:assert.equals(res, '{padding: 10em;}')
|
|
endfunction
|
|
|
|
function! expand.padding_em_suffix() abort
|
|
let res = s:emmet.expand_in_buffer('{p10em$$$$}', 'css', '{padding: 10em;}')
|
|
call s:assert.equals(res, '{padding: 10em;}')
|
|
endfunction
|
|
|
|
function! expand.padding_re_suffix() abort
|
|
let res = s:emmet.expand_in_buffer('{p10re$$$$}', 'css', '{padding: 10rem;}')
|
|
call s:assert.equals(res, '{padding: 10rem;}')
|
|
endfunction
|
|
|
|
function! expand.padding_rem_suffix() abort
|
|
let res = s:emmet.expand_in_buffer('{p10rem$$$$}', 'css', '{padding: 10rem;}')
|
|
call s:assert.equals(res, '{padding: 10rem;}')
|
|
endfunction
|
|
endfunction
|