"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
// @flow
const react_1 = __importDefault(require("react"));
const enzyme_1 = require("enzyme");
const utils_1 = require("./utils");
let styled;
describe('extending', () => {
    /**
     * Make sure the setup is the same for every test
     */
    beforeEach(() => {
        styled = utils_1.resetStyled();
    });
    it('should let you use another component in a css rule', () => {
        const Inner = styled.div `
      color: blue;
      font-weight: light;
    `;
        const Outer = styled.div `
      padding: 1rem;
      > ${Inner} {
        font-weight: bold;
      }
    `;
        enzyme_1.shallow(react_1.default.createElement(Inner, null));
        enzyme_1.shallow(react_1.default.createElement(Outer, null));
        utils_1.expectCSSMatches(`
      .sc-a {}
      .c { color:blue; font-weight:light; }
      .sc-b {}
      .d { padding:1rem; }
      .d > .sc-a { font-weight:bold; }
    `);
    });
});
//# sourceMappingURL=overriding.test.js.map