Enzyme: is ":not" selector not supported?

Created on 14 Jun 2016 · 7Comments · Source: enzymejs/enzyme

What I understand is that ":not" is a css selector to find an element without specified attribute.
So, with this component:

const Table = () => (
  <table>
    <thead>
      <tr>
        <th></th>
        <th></th>
      <tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row"></th>
        <td></td>
      <tr>
    </tbody>
  </table>
);

But why this is happening?

wrapper.find('th[scope="row"]').length // == 1
wrapper.find('th:not([scope="row"])').length // == 0 ?

help wanted

Source

arch-mage

Most helpful comment

You can see enzyme is supporting CSS selectors in the following.

https://github.com/airbnb/enzyme/blob/master/docs/api/selector.md#1-a-valid-css-selector

koba04 on 15 Jun 2016

👍2

All 7 comments

You can see enzyme is supporting CSS selectors in the following.

https://github.com/airbnb/enzyme/blob/master/docs/api/selector.md#1-a-valid-css-selector

koba04 on 15 Jun 2016

👍2

We'd gladly accept a PR if you were wanting to add support for the :not selector!

blainekasten on 15 Jun 2016

👍1

I'm giving it a try, I'll ley you know soon of my progress!

AugustinLF on 15 Jun 2016

I've sent the pull request. Can you check it?

arch-mage on 16 Jun 2016

This was added in #460.

ljharb on 6 Jul 2018

Looks like the PR referenced above ended up getting closed rather than merged.

For anyone else ending up here from Google, here's the documentation for the implemented solution:
https://airbnb.io/enzyme/docs/api/ShallowWrapper/not.html