"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
// @flow
const keyframes_1 = __importDefault(require("../keyframes"));
const stringifyRules_1 = __importDefault(require("../../utils/stringifyRules"));
const css_1 = __importDefault(require("../css"));
const utils_1 = require("../../test/utils");
/**
 * Setup
 */
let index = 0;
const keyframes = keyframes_1.default(() => `keyframe_${index++}`, stringifyRules_1.default, css_1.default);
describe('keyframes', () => {
    beforeEach(() => {
        utils_1.resetStyled();
        index = 0;
    });
    it('should return its name', () => {
        expect(keyframes `
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    `).toEqual('keyframe_0');
    });
    it('should insert the correct styles', () => {
        const rules = `
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    `;
        const name = keyframes `${rules}`;
        utils_1.expectCSSMatches(`
      @-webkit-keyframes ${name} {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }

      @keyframes ${name} {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }
    `);
    });
});
//# sourceMappingURL=keyframes.test.js.map