open-index/open-npm huggingface dataset:
npm package: @qualitywatcher/codeceptjs-reporter
Description: QualityWatcher plugin reporter for CodeceptJS
Latest version: 1.0.0

# QualityWatcher Reporter for CodeceptJS

Publishes [CodeceptJS](https://codecept.io/) runs on QualityWatcher.

## Install

```shell
npm install @qualitywatcher/codeceptjs-reporter -save-dev
```

## Usage


1. Get API Key from QualityWatcher  
 
    1. Go to your QualityWatcher account
    2. Hover over your profile avatar and click "Profile Settings"
    3. Select the "API Key" menu item
    4. Click the "Generate API Key" button
    5. Copy your API Key, we will use this for posting the results


2. Create a .env file in the root of your project and add API KEY, or update an existing .env


        ```shell
        touch .env
        echo "QUALITYWATCHER_API_KEY=[API Key]" >> .env

        # For windows:
        # type NUL > .env
        # echo QUALITYWATCHER_API_KEY=[API Key]  > .env
        ```


3. Install [dotenv](https://www.npmjs.com/package/dotenv) and require it in your plugin file (if you don't have this already)

        ```ts
        import * as dotenv from 'dotenv';

        //...

        dotenv.config();
        ```

> Include dotenv in "codecept.conf.ts"

4. Add QualityWatcher has a CodeceptJS plugin in `codecept.conf.ts`


        ```ts
        // codecept.conf.ts

        //...
        plugins: {
            qualitywatcher: {
            enabled: true,
            require: '@qualitywatcher/codeceptjs-reporter',
            reporterOptions: {
                projectId: 1,
                testRunName: 'CodeceptJS',
                description: 'CodeceptJS test run',
                includeAllCases: true,
                complete: true,
                includeCaseWithoutId: true
            }
          },
        },
        //...

        ```

5. Send reports to QualityWatcher

    a. Update your CodeceptJS tests to include the IDs of your QualityWatcher suite and test case that they belongs to. You should include this as a tag. Example `@S#C#`

    ```ts
        Scenario('@S1C1 Verify login with valid username and password', ({ I }) => {
             I.amOnPage('/');
             // ...
        });
    ```

    ![finding QualityWatcher suite id, case id, and project id](https://www.docs.qualitywatcher.com/assets/images/api-key5-533c0969a4593461e7ae0f9e672996b0.png)

    b. You can also send results to QualityWatcher by running as tests as normal without including any test suite and case ID

> Once `includeCaseWithoutId` is configured to `true`, test cases that doesn't have a mapped SUITE and CASE ID, they will automatically be created in QualityWatcher
npm package: @qualle-web/vuetify-virtual-table
Description: A virtual table built with Vue and Vuetify
Author: qualle-web
Latest version: 0.1.56

![Alt text](/src/assets/img/vuetify-virtual-table.png?raw=true "Vuetify Virtual Table")

# vuetify-virtual-table
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

A virtual table built with Vue and Vuetify

![Alt text](/src/assets/img/screenshot-2022-01-15-11-37-11.png?raw=true "Vuetify Virtual Table")

## Installation
Install with yarn:

```bash
yarn

yarn serve
```

Import as component in component file

```javascript
import VirtualTable from '@qualle-web/vuetify-virtual-table';

export default {
  name: 'component_name',
  components: {
    VirtualTable
  }
}
```

## Examples
### Basic
The basic example shows how to use the `VirtualTable` component:

```html
<template>
  <v-container id="app">
    <v-row class="pa-0 ma-0">
      <v-card
        data-v-step="1"
        class="pa-0 ma-0 width-100 background-transparent"
        elevation="0"
      >
        <VirtualTable
          :tableHeaders="tableHeaders"
          :tableOptions="{
            tableHeight: 600,
            rowHeight: 48,
            singleSelect,
            showSelect,
            showExpand,
            itemsToExclude,
            columnSortOrder,
          }"
          :entities="entities"
          :selected="selected"
          :loading="loading"
          @selectAllToggle="selectAllToggle"
          @onSelectRow="selected = $event"
        />
      </v-card>
    </v-row>
  </v-container>
</template>

<script>
import VirtualTable from "./components/VirtualTable";
import moment from "moment";

export default {
  name: "App",
  components: { VirtualTable },
  data: () => ({
    tableHeaders: [
      {
        text: "Name",
        value: "name",
        width: "25%",
        adjustable: true,
        sortable: true,
      },
      {
        text: "Title",
        value: "title",
        width: "25%",
        adjustable: true,
        sortable: true,
      },
      {
        text: "Address",
        value: "address",
        width: "25%",
        adjustable: true,
        sortable: true,
      },
      {
        text: "date",
        value: "date",
        width: "25%",
        align: center,
        adjustable: true,
        sortable: true,
        sorter: (a, b) => {
          if (moment(a).isValid()) {
            return moment(new Date(a)).diff(moment(new Date(b)));
          }
        },
      },
    ],

    columnSortOrder: ["name", "title", "address", "date"],

    itemsToExclude: ["id", "owner"],

    selected: [],

    singleSelect: false,
    showSelect: true,
    showExpand: true,

    loading: false,

    entities: new Array(1000).map((item, index) => ({
      name: index,
      title: index,
      address: index,
      date: moment().add(index, "days"),
    })),
  }),
  methods: {
    selectAllToggle($event) {
      console.log($event);
    },
  },
};
</script>
```

The `VirtualTable` tag requires a `entities` property, which is an array of objects which contain the data:
```html
<VirtualTable :entities="entities">
</VirtualTable>
```
npm package: @qualson/ui-kit
Description: Qualson Design System
Latest version: 0.7.2

## Published to Chromatic

[Chromatic page](https://www.chromatic.com/builds?appId=6167f610d604a7003a1a87dc)<br>
[Temporary Storybook Link](https://master--6167f610d604a7003a1a87dc.chromatic.com/?path=/story/button--basic)