<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic React Testing Library - Query Calcite Components in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-testing-library-query-calcite-components/m-p/1136678#M76063</link>
    <description>&lt;P&gt;I've been working on a basic application that renders a list, with Jest / React Testing Library tests that use getByText / findByText queries to check that items in the list render. I'm now looking to refactor the UI to use the calcite-pick-list / calcite-pick-list-item React components. As these use the shadow DOM, they break my tests.&lt;/P&gt;&lt;P&gt;Just wondering if anyone has had any luck using something like&amp;nbsp;&lt;FONT face="inherit"&gt;testing-library__dom or any alternatives to test applications using the &lt;/FONT&gt;Calcite&lt;FONT face="inherit"&gt;&amp;nbsp;React wrapper library with Jest/React Testing Library?&lt;/FONT&gt;&lt;/P&gt;</description>
    <pubDate>Tue, 25 Jan 2022 00:43:08 GMT</pubDate>
    <dc:creator>JoshGore</dc:creator>
    <dc:date>2022-01-25T00:43:08Z</dc:date>
    <item>
      <title>React Testing Library - Query Calcite Components</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-testing-library-query-calcite-components/m-p/1136678#M76063</link>
      <description>&lt;P&gt;I've been working on a basic application that renders a list, with Jest / React Testing Library tests that use getByText / findByText queries to check that items in the list render. I'm now looking to refactor the UI to use the calcite-pick-list / calcite-pick-list-item React components. As these use the shadow DOM, they break my tests.&lt;/P&gt;&lt;P&gt;Just wondering if anyone has had any luck using something like&amp;nbsp;&lt;FONT face="inherit"&gt;testing-library__dom or any alternatives to test applications using the &lt;/FONT&gt;Calcite&lt;FONT face="inherit"&gt;&amp;nbsp;React wrapper library with Jest/React Testing Library?&lt;/FONT&gt;&lt;/P&gt;</description>
      <pubDate>Tue, 25 Jan 2022 00:43:08 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-testing-library-query-calcite-components/m-p/1136678#M76063</guid>
      <dc:creator>JoshGore</dc:creator>
      <dc:date>2022-01-25T00:43:08Z</dc:date>
    </item>
  </channel>
</rss>

