npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

dtgwt

v0.0.1

Published

Simple Decision Table to Given , When and Then

Downloads

2

Readme

dtgwt

Simple Decision Table to "Given" , "When" and "Then"

How to use

  • Step 1. Download sample_dt.xlsx
  • Step 2. Modify as you like
  • Step 3. Go to Table to Markdown
  • Step 4. Copy Step 2 to "Paste Table Here!" (Please don't forget about FIRST LINE)
  • Step 5. Click "Convert M↓"
  • Step 6. Click "Copy"
  • Step 8. Go to Dtgwt page
  • Step 9. Copy Step 6 to the "textarea"
  • Step 10. Click "Scenario output"
  • Step 11. Copy "Output Scenarios" as you like

ezgif.com-gif-maker.gif

Background

Example App

Now, suppose you have a simple app with one form and two buttons.

ezgif.com-gif-maker.gif

  • The number "0" is entered as the initial value.
  • When the "+" button is clicked, the number is incremented.
  • When the "-" button is clicked, the number is decremented.
  • The minimum value of the number is "0".
  • The maximum value of the number is 255.
  • If a non-numeric character is entered, the message "Invalit value" will be displayed.

Decision table

You have written the following decision table (or something like it) to test this app.

| | | | | | | | | | | | | |--------- | ---------------------------- | --- | --- | --- | --- | --- | --- | --- | --- | ------------- | ------------- | |Condition | | | | | | | | | | | | | | Initial input is "0" | Y | Y | | | | | | | Y | Y | | | Initial input is "1" | | | Y | Y | | | | | | | | | Initial input is "254" | | | | | Y | Y | | | | | | | Initial input is "255" | | | | | | | Y | Y | | | |Action | | | | | | | | | | | | | | Click "+" | Y | | Y | | Y | | Y | | | | | | Click "-" | | Y | | Y | | Y | | Y | | | | | Modify Initial input to "AB" | | | | | | | | | Y | | | | Modify Initial input to "1%" | | | | | | | | | | Y | |Result | | | | | | | | | | | | | | Input | 1 | 0 | 2 | 1 | 255 | 253 | 255 | 254 | 0 | 0 | | | Error Message | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | Invalid Input | Invalid Input |

Problem happened

However, your test management tool only accept to import scenario-based format as shown below. you needs to be converted to the following format

|Scenario No|Test conditions|Step description|Step expected result| |---|---|---|---| |1|Given Initial input is "0"|When Click "+"|Then Input:1 and Error Message:N/A| |2|Given Initial input is "0"|When Click "-"|Then Input:0 and Error Message:N/A| |3|Given Initial input is "1"|When Click "+"|Then Input:2 and Error Message:N/A| |4|Given Initial input is "1"|When Click "-"|Then Input:1 and Error Message:N/A| |5|Given Initial input is "254"|When Click "+"|Then Input:255 and Error Message:N/A| |6|Given Initial input is "254"|When Click "-"|Then Input:253 and Error Message:N/A| |7|Given Initial input is "255"|When Click "+"|Then Input:255 and Error Message:N/A| |8|Given Initial input is "255"|When Click "-"|Then Input:254 and Error Message:N/A|', |9|Given Initial input is "0"|When Modify Initial input to "AB"|Then Input:0 and Error Message:Invalid Input| |10|Given Initial input is "0"|When Modify Initial input to "1%"|Then Input:0 and Error Message:Invalid Input|

The only way to do this is to create a new tab in the xlsx containing the decision table and convert it one by one by your hands.

ezgif.com-gif-maker (1).gif

It should make you annoying right?

image.png

Solution

I have created a simple web application to solve the above problem.

ezgif.com-gif-maker (2).gif

~~The input is also in markdown, which is really not very user-friendly (lol).~~ ~~I'll make a tool that converts xlsx to markdown to solve this problem later on.~~ (Solved 2022 Feb 13th have a look here)

You can find the source code here The demo application is here

I made this in about two hours in mess. If you notice anything, please give me your pull request for anytime.

{% include form.html %}