Как мне найти и протестировать стили, добавленные в glamorous.div?

Question

Я использую чай и мокко для тестирования моего приложения реакции. Я хочу проверить стили, используя метод ниже из документа chai-jquery:

   css(name[, value])
    $('#header').should.have.css('background');
    expect($('body')).to.have.css('background-color', 'rgb(0, 0, 0)');
    expect($('body')).to.have.css('font-family').match(/sans-serif/);

Я написал ниже код на простой компонент, и он работал

describe('has the right styles', () => {

    it('has the right text style', () => {
      expect(component.find('h1')).to.have.css('font-size', '2em');
      expect(component.find('h1')).to.have.css('font-family', 'Open Sans');
    })
   });

но я также использую гламурный для некоторых компонентов. поэтому, если я сделаю тег, используя glamorous.h1, изменим шрифт на "5em", при тестировании он найдет только 2em по умолчанию, которое было перезаписано. Я попытался найти его, используя класс.header, h1 или гламурный назначенный класс, как показано ниже. Результат тот же.

   it('has the right text style', () => {
      expect(component.find('.css-glamorous-h1--15n29tx')).to.have.css('font-size', '2em');
     })

если я добавлю стили, которые не имеют значения по умолчанию, то найденное значение будет равно ''. Как мне найти и протестировать стили, добавленные с помощью glamorous.div({ })?

благодарю вас