@reactful/create 0.0.57 → 0.0.58
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +38 -11
- package/package.json +7 -4
- package/testings/apis/auth/db.ts +0 -15
- package/testings/apis/auth/index.ts +0 -28
- package/testings/apis/hello.ts +0 -3
- package/testings/apis/quotes.ts +0 -16
- package/testings/apis/sub/index.ts +0 -3
- package/testings/apis/sub/sub.ts +0 -3
- package/testings/assets/SLIDEME.png +0 -0
- package/testings/assets/default.css +0 -91
- package/testings/assets/favicon.ico +0 -0
- package/testings/assets/icon.png +0 -0
- package/testings/assets/icon.svg +0 -6
- package/testings/assets/logo-144.png +0 -0
- package/testings/assets/logo-168.png +0 -0
- package/testings/assets/logo-192.png +0 -0
- package/testings/assets/logo-48.png +0 -0
- package/testings/assets/logo-512.png +0 -0
- package/testings/assets/logo-72.png +0 -0
- package/testings/assets/logo-96.png +0 -0
- package/testings/assets/manifest.json +0 -57
- package/testings/assets/markdown.css +0 -274
- package/testings/assets/robots.txt +0 -1
- package/testings/assets/system.css +0 -7
- package/testings/builds/forms/form.html +0 -48
- package/testings/builds/forms/index.html +0 -48
- package/testings/builds/profile/index.html +0 -54
- package/testings/bun.lockb +0 -0
- package/testings/components/header.tsx +0 -7
- package/testings/directives/index.ts +0 -1
- package/testings/directives/shown.ts +0 -6
- package/testings/index.html +0 -20
- package/testings/index.ts +0 -19
- package/testings/package.json +0 -22
- package/testings/routes/about.html +0 -13
- package/testings/routes/clock.tsx +0 -35
- package/testings/routes/counter.tsx +0 -21
- package/testings/routes/forms/form.css +0 -19
- package/testings/routes/forms/form.tsx +0 -51
- package/testings/routes/forms/index.tsx +0 -3
- package/testings/routes/hello.tsx +0 -62
- package/testings/routes/htmlx.html +0 -15
- package/testings/routes/index.md +0 -15
- package/testings/routes/login.tsx +0 -36
- package/testings/routes/profile/detail.css +0 -13
- package/testings/routes/profile/detail.tsx +0 -48
- package/testings/routes/profile/index.tsx +0 -14
- package/testings/routes/profile/profile.css +0 -8
- package/testings/routes/profile/tester.tsx +0 -11
- package/testings/routes/quotes.tsx +0 -25
- package/testings/routes/system.tsx +0 -23
- package/testings/tests/access.spec.ts +0 -29
- package/testings/tests/counter.spec.ts +0 -19
- package/testings/tests/form.spec.ts +0 -51
- package/testings/tests/hello.spec.ts +0 -25
- package/testings/tests/path.test.ts +0 -20
- package/testings/tsconfig.json +0 -24
@@ -1,23 +0,0 @@
|
|
1
|
-
import OS from "os"
|
2
|
-
import React from "react"
|
3
|
-
import { seo, style } from '@reactful/web'
|
4
|
-
|
5
|
-
const metatags: MetaTags = {
|
6
|
-
charset:"UTF-16",
|
7
|
-
rating:"general",
|
8
|
-
keywords:"hello, hi"
|
9
|
-
}
|
10
|
-
|
11
|
-
//@ts-ignore
|
12
|
-
@seo('System', metatags)
|
13
|
-
@style('/assets/system.css')
|
14
|
-
export default function System() {
|
15
|
-
const [ type, arch, release ] = [OS.type(), OS.arch(), OS.release()]
|
16
|
-
|
17
|
-
return <>
|
18
|
-
<h1>Server OS</h1>
|
19
|
-
<h2>server side information</h2>
|
20
|
-
<pre>{type} | {arch} | {release} </pre>
|
21
|
-
<section shown={false}>DONT SHOW ME!</section>
|
22
|
-
</>
|
23
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { test, expect } from '@playwright/test'
|
2
|
-
|
3
|
-
const cases = [
|
4
|
-
['/about', 'About'],
|
5
|
-
['/clock', 'World Clock'],
|
6
|
-
['/htmlx', 'HTML-X'],
|
7
|
-
['/system', 'Server OS'],
|
8
|
-
['/quotes', 'My custom error component', 'Philosophy quote of the day'],
|
9
|
-
['/counter', 'Counter'],
|
10
|
-
['/hello', 'Hello Forms'],
|
11
|
-
['/forms', 'Uncontrolled Components'],
|
12
|
-
['/profile/123', 'Profile'],
|
13
|
-
]
|
14
|
-
|
15
|
-
cases.forEach(function(scenario) {
|
16
|
-
const [ href, head, that ] = scenario
|
17
|
-
|
18
|
-
test(href, async ({ page }) => {
|
19
|
-
await page.goto('http://localhost:3000/')
|
20
|
-
await page.goto(href)
|
21
|
-
await page.waitForTimeout(333)
|
22
|
-
await page.waitForURL(`http://localhost:3000${href}`);
|
23
|
-
|
24
|
-
const h1 = await page.locator(`h1`).innerHTML()
|
25
|
-
const ok = [head,that].includes(h1)
|
26
|
-
|
27
|
-
if (!ok) expect(h1).toBe(that || head)
|
28
|
-
})
|
29
|
-
})
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import { test, expect } from '@playwright/test'
|
2
|
-
|
3
|
-
test('counter: statefull props', async ({ page }) => {
|
4
|
-
await page.goto('http://localhost:3000/counter')
|
5
|
-
await page.waitForTimeout(99)
|
6
|
-
await page.click('button', { delay:99 })
|
7
|
-
await page.click('button', { delay:99 })
|
8
|
-
await page.click('button', { delay:99 })
|
9
|
-
await page.waitForTimeout(99)
|
10
|
-
|
11
|
-
const btn = await page.locator('button').innerText()
|
12
|
-
expect(btn.trim()).toBe('COUNTED: 3')
|
13
|
-
})
|
14
|
-
|
15
|
-
test('counter: shown custom props directive', async ({ page }) => {
|
16
|
-
await page.goto('http://localhost:3000/counter')
|
17
|
-
const h2IsVisible = await page.locator('h6').isVisible()
|
18
|
-
expect(h2IsVisible).toBe(false)
|
19
|
-
})
|
@@ -1,51 +0,0 @@
|
|
1
|
-
// import { test, expect } from '@playwright/test'
|
2
|
-
|
3
|
-
// async function goto(page) {
|
4
|
-
// await page.goto('http://localhost:3000/forms')
|
5
|
-
// await page.waitForTimeout(1500)
|
6
|
-
// }
|
7
|
-
|
8
|
-
// test(`form validation: checkbox`, async function({ page }) {
|
9
|
-
// await goto(page)
|
10
|
-
// await page.click('button', { delay:333 })
|
11
|
-
|
12
|
-
// const check = await page.locator('[type="checkbox"]')
|
13
|
-
// const checkHandle = await check!.evaluateHandle(x => x['validationMessage'])
|
14
|
-
// const validationMessage = await checkHandle.jsonValue()
|
15
|
-
|
16
|
-
// expect(validationMessage).toBe('Please check this box if you want to proceed')
|
17
|
-
// })
|
18
|
-
|
19
|
-
// test(`form validation: input`, async function({ page }) {
|
20
|
-
// await goto(page)
|
21
|
-
// await page.click('[uid="14"]')
|
22
|
-
// await page.click('button', { delay:333 })
|
23
|
-
|
24
|
-
// const input = await page.evaluate(() => document.querySelector('[bind="mode"]'))
|
25
|
-
// const validationMessage = input && input['validationMessage']
|
26
|
-
|
27
|
-
// // const input = await page.$('[bind="mode"]');
|
28
|
-
// // const inputHandle = await input!.evaluateHandle(x => x['validationMessage'])
|
29
|
-
// // const validationMessage = await inputHandle.jsonValue()
|
30
|
-
|
31
|
-
// expect(validationMessage).toBe('Mode is required!')
|
32
|
-
// })
|
33
|
-
|
34
|
-
// test(`form action: errors feedback`, async function({ page }) {
|
35
|
-
// await goto(page)
|
36
|
-
|
37
|
-
// const checkbox = await page.getByLabel('Accepted?')
|
38
|
-
// await checkbox.click()
|
39
|
-
|
40
|
-
// await page.getByLabel('Accepted?').click()
|
41
|
-
// await page.fill('[bind="mode"]', 'ok', { timeout:99 })
|
42
|
-
// await page.click('button', { delay:333 })
|
43
|
-
|
44
|
-
// const progress = await page.locator('progress').isVisible()
|
45
|
-
// expect(progress).toBe(true)
|
46
|
-
|
47
|
-
// await page.waitForTimeout(333)
|
48
|
-
|
49
|
-
// const li = await page.locator('ul > li').innerHTML()
|
50
|
-
// expect(li).toContain('URL not found')
|
51
|
-
// })
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { test, expect } from '@playwright/test'
|
2
|
-
|
3
|
-
const cases = [
|
4
|
-
['local', 'hi!', '[id="1"]', '#l1'],
|
5
|
-
['global (outer)', 'hi!', '[id="2"]', '#l2'],
|
6
|
-
['global (inner)', 'hi!', '[id="3"]', '#l2'],
|
7
|
-
]
|
8
|
-
|
9
|
-
cases.forEach(function(scenario) {
|
10
|
-
const [ scope, text, inputId, labelId ] = scenario
|
11
|
-
|
12
|
-
test(`hello: ${scope} props binding`, async function({ page }) {
|
13
|
-
await page.goto('http://localhost:3000/hello')
|
14
|
-
await page.waitForTimeout(99)
|
15
|
-
|
16
|
-
for await (const char of text.split('')) {
|
17
|
-
await page.waitForTimeout(99)
|
18
|
-
await page.type(inputId, char, { delay: 99 })
|
19
|
-
}
|
20
|
-
|
21
|
-
await page.waitForTimeout(99)
|
22
|
-
const result = await page.locator(labelId).innerText()
|
23
|
-
expect(result).toBe(text)
|
24
|
-
})
|
25
|
-
})
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { test, expect } from 'bun:test'
|
2
|
-
|
3
|
-
const scenarios = [
|
4
|
-
['url', '/routes', '/'],
|
5
|
-
['sub url', '/routes/sub', '/sub'],
|
6
|
-
['http', 'http://domain.com/routes', '/'],
|
7
|
-
['https', 'https://domain.com/routes', '/'],
|
8
|
-
['https port', 'https://domain.com:3000/routes', '/'],
|
9
|
-
['https port file', 'https://domain.com:3000/routes/file.tsx', '/file'],
|
10
|
-
['https port index', 'https://domain.com:3000/routes/index', '/'],
|
11
|
-
['https port sub file', 'https://domain.com:3000/routes/sub/file.tsx', '/sub/file'],
|
12
|
-
]
|
13
|
-
|
14
|
-
scenarios.forEach(function([ scenario, sampling, expected ]) {
|
15
|
-
test(`new Path(url).href: ${scenario}`, function() {
|
16
|
-
const resulted = new URL(sampling).pathname
|
17
|
-
expect(resulted).toBe(expected as any)
|
18
|
-
// console.log('sampling:', sampling)
|
19
|
-
})
|
20
|
-
})
|
package/testings/tsconfig.json
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"exclude": ["node_modules"],
|
3
|
-
"compilerOptions": {
|
4
|
-
"rootDir": ".",
|
5
|
-
"jsx": "react",
|
6
|
-
"target": "esnext",
|
7
|
-
"module": "esnext",
|
8
|
-
"types": ["bun-types"],
|
9
|
-
"moduleDetection": "auto",
|
10
|
-
"moduleResolution": "bundler",
|
11
|
-
"noEmit": true,
|
12
|
-
"strict": false,
|
13
|
-
"allowJs": true,
|
14
|
-
"sourceMap": true,
|
15
|
-
"composite": true,
|
16
|
-
"declaration": true,
|
17
|
-
"skipLibCheck": true,
|
18
|
-
"noImplicitAny": false,
|
19
|
-
"esModuleInterop": true,
|
20
|
-
"downlevelIteration": true,
|
21
|
-
"allowSyntheticDefaultImports": true,
|
22
|
-
"forceConsistentCasingInFileNames": true
|
23
|
-
}
|
24
|
-
}
|