tc28-not-support-pseudo-element

Test Case: [API UNSUPPORTED] JSDOM doesn't support pseudo-element

Test Case Code

https://drive.google.com/open?id=1IayEFjUReATiuJI8CD6hBQRPGR7iIrFZ

// check file
app.component.spec.ts

Topcoder handle

liqiang372

Your document content (required)

How to run test

Prerequisites

1. Node 8+
2. NPM or yarn
3. Git
4. Safari, Chrome, Firefox

Run Test on Karma

cd topcoder-jest-test
git checkout issue-32
npm install
npm run test

Run Test on Jest

npm run test:jest

Browser have tested

Chrome, Safari, Firefox

Test Result on Karma

Browser	Result
Chrome 72.0.3626 (Mac OS X 10.14.2)	success
Safari 11.1.0 (Mac OS X 10.14.2)	success
Firefox 65.0.0 (Mac OS X 10.14.2)	success

Test Result on Jest

What we get

● AppComponent › should create the app

AssertionError: expected undefined to equal '40px'

  19 |     const fixture = TestBed.createComponent(AppComponent);
  20 |     const el = fixture.nativeElement.querySelector('#test');
> 21 |     expect(getComputedStyle(el, '::after').width).to.equal('40px');
     |                                                      ^
  22 |   });
  23 | });
  24 | 

  at src/app/app.component.spec.ts:21:54

Test Suites: 1 failed, 1 total Tests: 1 failed, 1 total Snapshots: 0 total Time: 2.571s

Expected

Expect JSDOM can get correct value of pseudo element

Description

JSDOM doesn't support pseudo element

issue: jsdom/jsdom#1928