An open API service indexing awesome lists of open source software.

https://github.com/codeinwp/otter-blocks-qa-templates


https://github.com/codeinwp/otter-blocks-qa-templates

Last synced: 4 months ago
JSON representation

Awesome Lists containing this project

README

        

# Otter Tool Testing
> This tool insert blocks exports into the page.

## Getting started

Use together with [Query Engine](https://github.com/Codeinwp/otter-query-engine)

You can use the chrome browser extension to add the script in every page. You can add the folder `chrome-extension` via [Developer Mode](https://developer.chrome.com/docs/extensions/mv3/faq/#:~:text=You%20can%20start%20by%20turning,a%20packaged%20extension,%20and%20more.)

## Concepts

Every folder in the `blocks` represent a source/database from which we can get the exported blocks. Every folder that is used a source/database must have `index.json` in which we list the available files and their features. See `blocks/index.json` as example.

The folders `sites` will contain exported sites, which will help to test mode advance blocks like Posts, Comparison Review.

## Offline support

We can host this folder to localhost on port 8085. When using the Query Engine, set `offline` as source.

Docker

```bash
docker run -d -v "$PWD:/web" -p 8085:8080 halverneus/static-file-server:latest
```

## Chrome Extension Instally

#### Steps

1. Enable developer mode in **Tools > Extensions**. The toggle is in the top-right corner.
![The toggle is in the top-right corner](images/toggle-location.png)
2. Load the extensions via **Load unpacked**
![Load unpacked](images/unpacked-button.png)
3. Select the **chrome-extension** folder
![Select the folder](images/select-folder.png)