getComputedStyle для элемента, когда его родитель сосредоточен

Question

У меня есть родитель, который устанавливает стиль для детей, когда он сфокусирован. Это прекрасно работает, когда я компилирую свой реактивный проект.

Я использую реагирующую эмоцию, но это не имеет значения, потому что в итоге у меня обычный 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');

Таким образом, ожидание не выполняется, оно не получает стиль границы.