Как проверить атрибуты CSS, используя фермент и шутку?

Question

Я тестирую атрибуты css компонента. Например, мне нужно проверить, является ли атрибут «color» по умолчанию тега

черным

Я попытался использовать стиль props ()., Но он не работает, если стиль не встроен. Я также пытался toHaveStyleRule (), но это также не помогает

//imports----------------------------------------------
import React from 'react';
import {shallow,configure,mount,render} from 'enzyme';
import toJson from 'enzyme-to-json';
import Adapter from 'enzyme-adapter-react-16';
import "jest-styled-components";
//-----------------------------------------------------

configure({adapter: new Adapter()});

//-----------------------------------------------------

describe ('Checking if default color of paragraph is black',() =>{

it("doesn't work",()=>{
  expect(
         mount(<p>Lorem Ipsum</p>).find('p')
      ).toHaveStyleRule('color','black');
});

it("also doesn't work",()=>{
  expect(
        mount(<p>Lorem Ipsum</p>).find('p').props().style.color
      ).toEqual('black');
});
});

Я ожидаю, что тест должен пройти (так как по умолчанию цвет абзаца действительно черный).

Первый тест не пройден с сообщением:

No style rules found on passed Component

Второй сбой с сообщением

TypeError: Cannot read property 'color' of undefined