Keyframes/test/css.js at master · propxt/Keyframes · GitHub

49 lines (40 loc) · 1.42 KB

const assert = require('assert');

const Keyframes = require('../dist/keyframes').default;

describe('CSS', () => {

describe('#playCSS()', () => {

it('should return css for the animation rule', () => {

const css = Keyframes.playCSS({

duration: '1s',

iterationCount: 1

});

assert.equal(css, "ball-spin 1s ease 0s 1 normal forwards");

});

describe('#defineCSS()', () => {

it('should return css defined keyframes', () => {

let css = Keyframes.defineCSS({

from: {

transform: 'rotate(90deg)',

to: {

transform: 'rotate(450deg)',

});

assert.equal(css, "@keyframes ball-spin {from {transform:rotate(90deg);}to {transform:rotate(450deg);}}");

css = Keyframes.defineCSS([{

from: {

transform: 'rotate(90deg)',

}, {

from: {

transform: 'rotate(70deg)',

}]);

assert.equal(css, "@keyframes ball-spin {from {transform:rotate(90deg);}}@keyframes ball-spin2 {from {transform:rotate(70deg);}}");

});

})

Expand file tree