import heroTheme from '../hero';
import legacyTheme from '../legacy';

const getKeys = (obj: object) => {
  const keys = Object.keys(obj);
  keys.sort();
  return keys;
};

describe('Legacy Hero', () => {
  it('has correct configs', () => {
    expect(legacyTheme).toMatchSnapshot();
  });
});

describe('Theme Hero', () => {
  it('has correct configs', () => {
    expect(heroTheme).toMatchSnapshot();
  });

  it('has exact keys with legacy theme', () => {
    const heroThemeKeys = getKeys(heroTheme);
    const legacyThemeKeys = getKeys(legacyTheme);

    expect(heroThemeKeys).toEqual(legacyThemeKeys);

    heroThemeKeys.forEach(key => {
      expect(getKeys(heroTheme[key])).toEqual(getKeys(legacyTheme[key]));
    });
  });
});