The latest articles on DEV Community by prprprus (@prprprus). https://dev.to/prprprus 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%2F214828%2F5cb4e7d0-b3d4-44c5-b2f0-6c6c61e94aac.png https://dev.to/prprprus en prprprus Mon, 19 Aug 2019 13:51:20 +0000 https://dev.to/prprprus/recording-browser-interactions-and-generating-test-scripts-1loa https://dev.to/prprprus/recording-browser-interactions-and-generating-test-scripts-1loa <h1> softest </h1> <p>The softest is a test tool for recording browser interactions and generating test scripts, simple and practical. It allows you to get test scripts without writing code.</p> <p><a href="https://vimeo.com/354273223"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FiQp9Sn7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/prprprus/picture/master/softest2.png" alt="Watch the video"></a></p> <p>Github: <a href="https://github.com/prprprus/softest">https://github.com/prprprus/softest</a></p> <p>Your help and contribution are very valuable, please Star ⭐, Fork, submit Issue or PR, thanks! 😁😘🎁🎉</p> <h2> Why </h2> <p>When I needed a tool that could record browser interactions and generate corresponding scripts, I found <a href="https://github.com/checkly/puppeteer-recorder">puppeteer-recorder</a> and <a href="https://www.seleniumhq.org/selenium-ide/">Selenium IDE</a>, of course, they are excellent projects. But I found that they can't support multi-tab recording, screenshots, etc., and Selenium IDE always gives an error when playing a script, so I made this wheel.</p> <h2> Features </h2> <ul> <li>Single tab recording</li> <li>Multiple tab recording</li> <li>Screenshot</li> <li>Generating test script</li> <li>Play the script</li> <li>Download test report (contains screenshots and test script)</li> </ul> <h2> Installation </h2> <div class="highlight"><pre class="highlight plaintext"><code>$ npm i -g softest </code></pre></div> <h2> Usage </h2> <p>Add environment variables to facilitate running commands:<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>$ export PATH=$PATH:$HOME/.npm-global/bin </code></pre></div> <p>To run the <code>softest</code> command, you need to specify the directory where the Chromium and the directory where the test report is saved:<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>$ soft -c PATH_CHROMIUM -r PATH_REPORT </code></pre></div> <blockquote> <p>If you don't know where the Chromium is, you can start Chromium and type <code>chrome://version/</code> in the address bar to find the location of its executable.</p> </blockquote> <p>If you see an output similar to the following, congratulations 🎉🎉🎉👏<br> </p> <div class="highlight"><pre class="highlight plaintext"><code> _______ _______ _______ _______ _______ _______ _______ | || || || || || || | status: running | _____|| _ || ___||_ _|| ___|| _____||_ _| host: 127.0.0.1 | |_____ | | | || |___ | | | |___ | |_____ | | port: 2333 |_____ || |_| || ___| | | | ___||_____ | | | _____| || || | | | | |___ _____| | | | |_______||_______||___| |___| |_______||_______| |___| 🎉 Running WebSocket server successfully 🎉 Running HTTP server successfully </code></pre></div> <p>Open a browser, type <code>host</code> and <code>port</code>, you will see the following web interface:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PUaMik4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/prprprus/picture/master/softest1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PUaMik4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/prprprus/picture/master/softest1.png" alt=""></a></p> testing playback record javascript