Styjun

Vegetarian dishes on Russian trains (European part)

Is there a utility / method to organize trad gear so that each piece is immediately accessible?

Nicely-spaced multiple choice options

Why do aircraft leave cruising altitude long before landing just to circle?

Did Michelle Obama have a staff of 23 people, while Melania has a staff of 4?

Photoshop older default brushes

Unsolved Problems due to Lack of Computational Power

Show two plots together: a two dimensional curve tangent to the maxima of a three dimensional plot

Do living authors still get paid royalties for their old work?

What happened after the end of the Truman Show?

Meaning and structure of headline "Hair it is: A List of ..."

Airline power sockets shut down when I plug my computer in. How can I avoid that?

Number of matrices with bounded products of rows and columns

Quick destruction of a helium filled airship?

What's the point of writing that I know will never be used or read?

Outer Class can have how many inner class(es)

My new Acer Aspire 7 doesn't have a Legacy Boot option, what can I do to get it?

Can you find the next number in the following series?

Polar contour plot in Mathematica?

Spongy green glass found on graves

!I!n!s!e!r!t! !b!e!t!w!e!e!n!

Rotate List by K places

Eric Andre had a dream

Why is su world executable?

getComputedStyle for the element when its parent is focused

Is there a CSS parent selector?How can I select an element with multiple classes in jQuery?CSS selector for first element with classCleaner way to change focus on child components in ReactPass data from child to parent in ReactCSS isn't applied as expected in React Native when parent component already has styles definedWhy Does React Render Children Before Parents?SCSS in React - Parent styles overriding child stylesFocus and tabIndex for React popupIs this a “global” :focus selector in Chrome? Can I overwrite it?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I have a parent which sets a style for the children when it is focused. Which works perfectly when I compile my react project.

I am using react emotion, but it does not matter, because in the end I have usual css.

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

I want to get from within child element the border style.

I am using jest to test this and I tried something like this.

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

So the expect is failing, it is not getting the border style.

reactjs css-selectors emotion getcomputedstyle

share|improve this question

edited Mar 27 at 14:29

Alexandr Zavalii

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is your question? :)
  
  – Webber
  Mar 27 at 14:14
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Webber sorry, just updated. my expect function is not working, its not getting style of the border
  
  – Alexandr Zavalii
  Mar 27 at 14:27
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is childNode set to?
  
  – Webber
  Mar 27 at 14:28
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  updated again :)
  
  – Alexandr Zavalii
  Mar 27 at 14:29
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Hmm, have you tried the longhand names? See first note in the documentation of computedStyles
  
  – Webber
  Mar 27 at 14:35
  

  
  
  
  

add a comment | 

0

I have a parent which sets a style for the children when it is focused. Which works perfectly when I compile my react project.

I am using react emotion, but it does not matter, because in the end I have usual css.

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

I want to get from within child element the border style.

I am using jest to test this and I tried something like this.

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

So the expect is failing, it is not getting the border style.

reactjs css-selectors emotion getcomputedstyle

share|improve this question

edited Mar 27 at 14:29

Alexandr Zavalii

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is your question? :)
  
  – Webber
  Mar 27 at 14:14
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Webber sorry, just updated. my expect function is not working, its not getting style of the border
  
  – Alexandr Zavalii
  Mar 27 at 14:27
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is childNode set to?
  
  – Webber
  Mar 27 at 14:28
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  updated again :)
  
  – Alexandr Zavalii
  Mar 27 at 14:29
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Hmm, have you tried the longhand names? See first note in the documentation of computedStyles
  
  – Webber
  Mar 27 at 14:35
  

  
  
  
  

add a comment | 

I have a parent which sets a style for the children when it is focused. Which works perfectly when I compile my react project.

I am using react emotion, but it does not matter, because in the end I have usual css.

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

I want to get from within child element the border style.

I am using jest to test this and I tried something like this.

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

So the expect is failing, it is not getting the border style.

reactjs css-selectors emotion getcomputedstyle

share|improve this question

edited Mar 27 at 14:29

Alexandr Zavalii

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

 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');

share|improve this question

edited Mar 27 at 14:29

Alexandr Zavalii

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

share|improve this question

edited Mar 27 at 14:29

Alexandr Zavalii

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges

asked Mar 27 at 13:59

Alexandr ZavaliiAlexandr Zavalii

1,06099 silver badges2525 bronze badges