/drapo

Primary LanguageHTMLApache License 2.0Apache-2.0

Introduction

Drapo is a spa framework. Spa Drapo

Live Demo

Build alt text

Getting Started

  1. Pre-requisites

    nodejs and npm https://nodejs.org/en/

    Typescript npm install -g typescript

  2. API references

Composition

Name Description
d-parent Defines the default parent for this partial page
d-parentSector Defines the default sector of the parent that this child must fit
d-child Defines the default child for a sector
d-childSector Defines a default child sector

Data

Name Description
d-dataKey Defines the data key
d-dataUrl Defines the url of the data

Flow Control

Name Description
d-for for
d-if if

Testing

Structure

  • Pages Folder: contains the respective pages from DrapoPages, with the expected evaluated HTML

  • ReleaseTest Class: initializes the WebDriver used to navigate through pages, defines all Test Cases and validation methods

  • Test.runsettings File: keeps all settings used at runtime, including the URL for a published WebDrapo

Usage

For each page added to DrapoPages, a Test Case must be created following these steps:

  1. Run without debugging WebDrapo and check if the portal name and port match the URL in Test.Debug.runsettings file

  2. Select the above file as Test Settings on Visual Studio Test Menu

  3. Add a new HTML file at Pages folder with this naming format: DrapoPageName.Test.html and configure it to be a Embedded Resource

  4. Create a method at ReleaseTest.cs named DrapoPageNameTest with TestCase attribute and a call to ValidatePage passing DrapoPageName

  5. Run in debug the created test and after Driver navigation, copy the content of PageSource and paste it to the added HTML file without formatting

  6. Save the file, run the test again and confirm it passes