html_basetest v1.2.8

BaseTest

The purpose of this repository is to allow users to more easily test for the various elements in their html documents.

Directions

1. Install the package

npm install html_basetest

2. In your html document, import the script (make sure to import it after your JQuery script, and before your javascript file)

<script src="./node_modules/html_basetest/index.js"></script>
  <script>
        $(() => {
            console.log("hello")
            let el = ".yonas"
            let love = $(".love")
            let hasClass = baseTest.hasClass(el, "yonas")
            let hasClassFalse = baseTest.hasClass(el, "no")
            console.log('hasClassFalse:', hasClassFalse);
            console.log('hasClass:', hasClass);
            let hasIdTrue = baseTest.hasId(el, "yon")
            console.log('hasIdTrue:', hasIdTrue);
            let hasIdFalse = baseTest.hasId(el, "whatsup")
            console.log('hasIdFalse:', hasIdFalse);
            let hasAttrTrue = baseTest.hasAttr(el, "disabled")
            console.log('hasAttrTrue:', hasAttrTrue);
            let hasAttrFalse = baseTest.hasAttr(el, "no")
            console.log('hasAttrFalse:', hasAttrFalse);
            let hasDataTrue = baseTest.hasDataTest(el, "problem_id")
            console.log('hasDataTrue:', hasDataTrue);
            let hasDataFalse = baseTest.hasDataTest(el, "task_id")
            console.log('hasDataFalse:', hasDataFalse);
            let hasDataTrueTrue = baseTest.hasDataTest(el, "problem_id", 32)
            console.log("🚀 ~ file: baseTest.js ~ line 76 ~ hasDataTrueTrue", hasDataTrueTrue)
            let hasDataTrueTrue2 = baseTest.hasDataTest(el, "problem_id", "3")
            console.log("🚀 ~ file: baseTest.js ~ line 78 ~ hasDataTrueTrue2", hasDataTrueTrue2)
            let htmlTrue = baseTest.hasHTML(el, "<div>baller</div>")
            console.log("🚀 ~ file: baseTest.js ~ line 80 ~ htmlTrue", htmlTrue)
            let htmlFalse = baseTest.hasHTML(el, "whatthef")
            console.log("🚀 ~ file: baseTest.js ~ line 82 ~ htmlFalse", htmlFalse)
            let htmltext = baseTest.hasHTML(el, "ll")
            console.log("🚀 ~ file: baseTest.js ~ line 84 ~ htmltext", htmltext)
            let existTrue = baseTest.exists(el)
            console.log("🚀 ~ file: baseTest.js ~ line 90 ~ existTrue", existTrue)
            let existFalse = baseTest.exists($(".love"))
            console.log("🚀 ~ file: baseTest.js ~ line 92 ~ existFalse", existFalse)
            let visibleTrue = baseTest.visible(el)
            console.log("🚀 ~ file: baseTest.js ~ line 91 ~ visibleTrue", visibleTrue)
            let visibleFalse = baseTest.visible($(".noDisplay"))
            console.log("🚀 ~ file: baseTest.js ~ line 93 ~ visibleFalse", visibleFalse)
            let hasCSSFalse = baseTest.hasCSS(el, "color", "#6f57e5")
            console.log("🚀 ~ file: baseTest.js ~ line 95 ~ hasCSSFalse", hasCSSFalse)
            let hasCSSTrue = baseTest.hasCSS(el, "display", "flex")
            console.log("🚀 ~ file: baseTest.js ~ line 97 ~ hasCSSTrue", hasCSSTrue)
            let hasChildTrue = baseTest.hasChild(el, $(".supergrandchild"))
            console.log("🚀 ~ file: baseTest.js ~ line 101 ~ hasChildTrue", hasChildTrue)
            let ChildTrue1 = baseTest.hasChild(el, ".supergrandchild")
            console.log("🚀 ~ file: baseTest.js ~ line 103 ~ ChildTrue1", ChildTrue1)
            let hasChildFalse = baseTest.hasChild(el, ".what")
            console.log("🚀 ~ file: baseTest.js ~ line 105 ~ hasChildFalse", hasChildFalse)
        })
    </script>

3. Create javascript file - make sure to put all your jquery selectors after the instantiator - e.g.,

$(() => {
    let firstTest = baseTest.hasClass($(".test"), ".red-text") 
    console.log("first test passed", firstTest)
})

• ~BaseTest(#module_baseTest.. BaseTest)
  • new BaseTest()
  • .checkElement(el) ⇒ boolean
  • .STRING_HAS(one, two) ⇒ boolean
  • .STRING_COUNT(type, item, amount) ⇒ boolean
  • .STRING_ATLEAST(type, item, amount) ⇒ boolean
  • .STRING_DOESNOTHAVE(string, item) ⇒ boolean
  • .hasClass(element, classname) ⇒ boolean
  • .hasId(element, id) ⇒ boolean
  • .hasAttr(element, attribute) ⇒ boolean
  • .hasDataTest(element, key, value) ⇒ boolean
  • .hasHTML(element, html) ⇒ boolean
  • .hasChild(element, child) ⇒ boolean
  • .exists(element) ⇒ boolean
  • .visible(element) ⇒ boolean
  • .hasCSS(element, key, value) ⇒ boolean

new BaseTest()

let baseTest = new BaseTest()

baseTest.checkElement(el) ⇒ boolean

ensures that you can pass in jquery or string

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

baseTest. STRING_HAS(one, two) ⇒ boolean

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-02-13

Example

const getHAS = baseTest.STRING_HAS("helllo", "lo")
console.log("🚀 ~ file: test.js ~ line 5 ~ getHAS", getHAS)
const getNeg = baseTest.STRING_HAS("hello", "z")
console.log("🚀 ~ file: test.js ~ line 7 ~ getNeg", getNeg)

baseTest. STRING_COUNT(type, item, amount) ⇒ boolean

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-02-13

Example

const getCount = baseTest.STRING_COUNT("hello hello", "llo", 2)
console.log("🚀 ~ file: test.js ~ line 7 ~ getCount", getCount)
const getNegC = baseTest.STRING_COUNT("hello", "z", 2)
console.log("🚀 ~ file: test.js ~ line 11 ~ getNegC", getNegC)

baseTest. STRING_ATLEAST(type, item, amount) ⇒ boolean

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-02-13

Example

const getAtLeast = baseTest.STRING_ATLEAST("hello", "l", 1)
console.log("🚀 ~ file: test.js ~ line 9 ~ gtAtLeast", getAtLeast)
const getAtLeastNeg = baseTest.STRING_ATLEAST("hello", "z", 1)
console.log("🚀 ~ file: test.js ~ line 16 ~ getAtLeastNeg", getAtLeastNeg)

baseTest. STRING_DOESNOTHAVE(string, item) ⇒ boolean

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-02-13

Example

const doesNotHave = baseTest.STRING_DOESNOTHAVE("hello", "z")
console.log("🚀 ~ file: test.js ~ line 11 ~ doesNotHave", doesNotHave)
const doesNotHaveNeg = baseTest.STRING_DOESNOTHAVE("hello", "ll")
console.log("🚀 ~ file: test.js ~ line 19 ~ doesNotHaveNeg", doesNotHaveNeg)

baseTest.hasClass(element, classname) ⇒ boolean

hasClass(element, classname)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let hasClass = baseTest.hasClass(el, "yonas")
let hasClassFalse = baseTest.hasClass(el, "no")

baseTest.hasId(element, id) ⇒ boolean

hasId(element, id)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let hasIdTrue = baseTest.hasId(el, "yon")
console.log('hasIdTrue:', hasIdTrue);
let hasIdFalse = baseTest.hasId(el, "whatsup")
console.log('hasIdFalse:', hasIdFalse);

baseTest.hasAttr(element, attribute) ⇒ boolean

hasAttr(element, attribute)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let hasAttrTrue = baseTest.hasAttr(el, "disabled")
console.log('hasAttrTrue:', hasAttrTrue);
let hasAttrFalse = baseTest.hasAttr(el, "no")
console.log('hasAttrFalse:', hasAttrFalse);

baseTest.hasDataTest(element, key, value) ⇒ boolean

hasDataTest(element, key, value = "")

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let hasDataTrue = baseTest.hasDataTest(el, "problem_id")
console.log('hasDataTrue:', hasDataTrue);
let hasDataFalse = baseTest.hasDataTest(el, "task_id")
console.log('hasDataFalse:', hasDataFalse);
let hasDataTrueTrue = baseTest.hasDataTest(el, "problem_id", 3)
console.log("🚀 ~ file: baseTest.js ~ line 76 ~ hasDataTrueTrue", hasDataTrueTrue)
let hasDataTrueTrue2 = baseTest.hasDataTest(el, "problem_id", "3")
console.log("🚀 ~ file: baseTest.js ~ line 78 ~ hasDataTrueTrue2", hasDataTrueTrue2)

baseTest.hasHTML(element, html) ⇒ boolean

hasHTML(element, html)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let htmlTrue = baseTest.hasHTML(el, "<div>baller</div>")
console.log("🚀 ~ file: baseTest.js ~ line 80 ~ htmlTrue", htmlTrue)
let htmlFalse = baseTest.hasHTML(el, "whatthef")
console.log("🚀 ~ file: baseTest.js ~ line 82 ~ htmlFalse", htmlFalse)
let htmltext = baseTest.hasHTML(el, "ll")
console.log("🚀 ~ file: baseTest.js ~ line 84 ~ htmltext", htmltext)

baseTest.hasChild(element, child) ⇒ boolean

hasChild(element, child)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let ChildTrue1 = baseTest.hasChild(el, ".supergrandchild")
console.log("🚀 ~ file: baseTest.js ~ line 103 ~ ChildTrue1", ChildTrue1)
let hasChildFalse = baseTest.hasChild(el, ".what")
console.log("🚀 ~ file: baseTest.js ~ line 105 ~ hasChildFalse", hasChildFalse)

baseTest.exists(element) ⇒ boolean

exists(element)

     let existTrue = baseTest.exists(el)
     console.log("🚀 ~ file: baseTest.js ~ line 90 ~ existTrue", existTrue)
     let existFalse = baseTest.exists($(".love"))
     console.log("🚀 ~ file: baseTest.js ~ line 92 ~ existFalse", existFalse)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

baseTest.visible(element) ⇒ boolean

visible(element)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05

Example

let visibleTrue = baseTest.visible(el)
console.log("🚀 ~ file: baseTest.js ~ line 91 ~ visibleTrue", visibleTrue)
let visibleFalse = baseTest.visible($(".noDisplay"))
console.log("🚀 ~ file: baseTest.js ~ line 93 ~ visibleFalse", visibleFalse)

baseTest.hasCSS(element, key, value) ⇒ boolean

hasCSS(element, key, value)

     let hasCSSFalse = baseTest.hasCSS(el, "color", "#6f57e5")
     console.log("🚀 ~ file: baseTest.js ~ line 95 ~ hasCSSFalse", hasCSSFalse)
     let hasCSSTrue = baseTest.hasCSS(el, "display", "flex")
     console.log("🚀 ~ file: baseTest.js ~ line 97 ~ hasCSSTrue", hasCSSTrue)

Kind: instance method of BaseTest(#module_baseTest.. BaseTest)
Date: 2022-01-05