<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Darmawan Zulkifli</title>
    <description>The latest articles on DEV Community by Darmawan Zulkifli (@darmawan01).</description>
    <link>https://dev.to/darmawan01</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F258813%2Fad210bbd-d6f9-455e-9aa6-f5de3f1efbed.jpeg</url>
      <title>DEV Community: Darmawan Zulkifli</title>
      <link>https://dev.to/darmawan01</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/darmawan01"/>
    <language>en</language>
    <item>
      <title>Setup localStorage for testing React with jest</title>
      <dc:creator>Darmawan Zulkifli</dc:creator>
      <pubDate>Thu, 03 Sep 2020 04:56:30 +0000</pubDate>
      <link>https://dev.to/darmawan01/setup-localstorage-for-testing-react-with-jest-54</link>
      <guid>https://dev.to/darmawan01/setup-localstorage-for-testing-react-with-jest-54</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/63716411/setup-localstorage-for-testing-react-with-jest" rel="noopener noreferrer"&gt;
               Setup localStorage for testing React with jest
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Sep  3 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&lt;/span&gt;
            &lt;span&gt;Answers: 0&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/63716411/setup-localstorage-for-testing-react-with-jest" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          2
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;How to deal with localStorage in React testing using jest.&lt;/p&gt;
&lt;p&gt;I have been added to setupTest.js&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;const localStorageMock = {
  getItem: jest.fn()
  setItem: jest.fn(),
  removeItem: jest.fn(),
  clear: jest.fn(),
};

global.localStorage = localStorageMock;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Here's example of my service to get cache:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;export default class Cache {
   getCache = () =&amp;gt; {&lt;/code&gt;&lt;/pre&gt;…
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/63716411/setup-localstorage-for-testing-react-with-jest" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
  </channel>
</rss>
