元素的父元素处于焦点状态时的getComputedStyle

Question

我有一个父母，当父母集中精力时，它会为孩子们设置样式。当我编译自己的react项目时，这很完美。

我正在使用反作用情绪，但这并不重要，因为最终我会使用普通的CSS。

  const parentStyle = css`
    :focus {
      #child {
        border: 2px solid blue !important;
      }
    }
  `;

我想从子元素中获取边框样式。

我正在开玩笑地对此进行测试，并且尝试了类似的操作。

parent.simulate('focus');
const childNode = wrapper.find("#child");
const computedStyles = window.getComputedStyle(childNode);
expect(computedStyles.getPropertyValue('border')).toBe('2px solid blue');

所以期望失败了，它没有得到边框样式。