@reactful/create 1.2.23 → 1.2.25

package/templates/sampling/tests/form.spec.ts

@@ -1,51 +1,51 @@
-// import { test, expect } from '@playwright/test'
-
-// async function goto(page) {
-//    await page.goto('http://localhost:3000/forms')
-//    await page.waitForTimeout(1500) 
-// }
-
-// test(`form validation: checkbox`, async function({ page }) {
-//    await goto(page)
-//    await page.click('button', { delay:333 })
-
-//    const check = await page.locator('[type="checkbox"]')
-//    const checkHandle = await check!.evaluateHandle(x => x['validationMessage'])
-//    const validationMessage = await checkHandle.jsonValue()
-
-//    expect(validationMessage).toBe('Please check this box if you want to proceed')
-// })
-
-// test(`form validation: input`, async function({ page }) {
-//    await goto(page)
-//    await page.click('[uid="14"]')
-//    await page.click('button', { delay:333 })
-
-//    const input = await page.evaluate(() => document.querySelector('[bind="mode"]'))
-//    const validationMessage = input && input['validationMessage']
-
-//    // const input = await page.$('[bind="mode"]');
-//    // const inputHandle = await input!.evaluateHandle(x => x['validationMessage'])
-//    // const validationMessage = await inputHandle.jsonValue()
-
-//    expect(validationMessage).toBe('Mode is required!')
-// })
-
-// test(`form action: errors feedback`, async function({ page }) {
-//    await goto(page)
-
-//    const checkbox = await page.getByLabel('Accepted?')
-//    await checkbox.click()
-
-//    await page.getByLabel('Accepted?').click()
-//    await page.fill('[bind="mode"]', 'ok', { timeout:99 })
-//    await page.click('button', { delay:333 })
-
-//    const progress = await page.locator('progress').isVisible()
-//    expect(progress).toBe(true)
-
-//    await page.waitForTimeout(333)
-
-//    const li = await page.locator('ul > li').innerHTML()
-//    expect(li).toContain('URL not found')
+// import { test, expect } from '@playwright/test'
+
+// async function goto(page) {
+//    await page.goto('http://localhost:3000/forms')
+//    await page.waitForTimeout(1500) 
+// }
+
+// test(`form validation: checkbox`, async function({ page }) {
+//    await goto(page)
+//    await page.click('button', { delay:333 })
+
+//    const check = await page.locator('[type="checkbox"]')
+//    const checkHandle = await check!.evaluateHandle(x => x['validationMessage'])
+//    const validationMessage = await checkHandle.jsonValue()
+
+//    expect(validationMessage).toBe('Please check this box if you want to proceed')
+// })
+
+// test(`form validation: input`, async function({ page }) {
+//    await goto(page)
+//    await page.click('[uid="14"]')
+//    await page.click('button', { delay:333 })
+
+//    const input = await page.evaluate(() => document.querySelector('[bind="mode"]'))
+//    const validationMessage = input && input['validationMessage']
+
+//    // const input = await page.$('[bind="mode"]');
+//    // const inputHandle = await input!.evaluateHandle(x => x['validationMessage'])
+//    // const validationMessage = await inputHandle.jsonValue()
+
+//    expect(validationMessage).toBe('Mode is required!')
+// })
+
+// test(`form action: errors feedback`, async function({ page }) {
+//    await goto(page)
+
+//    const checkbox = await page.getByLabel('Accepted?')
+//    await checkbox.click()
+
+//    await page.getByLabel('Accepted?').click()
+//    await page.fill('[bind="mode"]', 'ok', { timeout:99 })
+//    await page.click('button', { delay:333 })
+
+//    const progress = await page.locator('progress').isVisible()
+//    expect(progress).toBe(true)
+
+//    await page.waitForTimeout(333)
+
+//    const li = await page.locator('ul > li').innerHTML()
+//    expect(li).toContain('URL not found')
 // })

package/templates/sampling/tests/hello.spec.ts

@@ -1,25 +1,25 @@
-import { test, expect } from '@playwright/test'
-
-const cases = [
-   ['local', 'hi!', '[id="1"]', '#l1'],
-   ['global (outer)', 'hi!', '[id="2"]', '#l2'],
-   ['global (inner)', 'hi!', '[id="3"]', '#l2'],
-]
-
-cases.forEach(function(scenario) {
-   const [ scope, text, inputId, labelId ] = scenario
-
-   test(`hello: ${scope} props binding`, async function({ page }) {
-      await page.goto('http://localhost:3000/hello')
-      await page.waitForTimeout(99) 
-
-      for await (const char of text.split('')) {
-         await page.waitForTimeout(99) 
-         await page.type(inputId, char, { delay: 99 })
-      }
-
-      await page.waitForTimeout(99) 
-      const result = await page.locator(labelId).innerText()
-      expect(result).toBe(text)
-   })
+import { test, expect } from '@playwright/test'
+
+const cases = [
+   ['local', 'hi!', '[id="1"]', '#l1'],
+   ['global (outer)', 'hi!', '[id="2"]', '#l2'],
+   ['global (inner)', 'hi!', '[id="3"]', '#l2'],
+]
+
+cases.forEach(function(scenario) {
+   const [ scope, text, inputId, labelId ] = scenario
+
+   test(`hello: ${scope} props binding`, async function({ page }) {
+      await page.goto('http://localhost:3000/hello')
+      await page.waitForTimeout(99) 
+
+      for await (const char of text.split('')) {
+         await page.waitForTimeout(99) 
+         await page.type(inputId, char, { delay: 99 })
+      }
+
+      await page.waitForTimeout(99) 
+      const result = await page.locator(labelId).innerText()
+      expect(result).toBe(text)
+   })
 })

package/templates/sampling/tests/path.test.ts

@@ -1,20 +1,20 @@
-import { test, expect } from 'bun:test'
-
-const scenarios = [
-   ['url', '/routes', '/'],
-   ['sub url', '/routes/sub', '/sub'],
-   ['http', 'http://domain.com/routes', '/'],
-   ['https', 'https://domain.com/routes', '/'],
-   ['https port', 'https://domain.com:3000/routes', '/'],
-   ['https port file', 'https://domain.com:3000/routes/file.tsx', '/file'],
-   ['https port index', 'https://domain.com:3000/routes/index', '/'],
-   ['https port sub file', 'https://domain.com:3000/routes/sub/file.tsx', '/sub/file'],
-]
-
-scenarios.forEach(function([ scenario, sampling, expected ]) {   
-   test(`new Path(url).href: ${scenario}`, function() {  
-      const resulted = new URL(sampling).pathname
-      expect(resulted).toBe(expected as any)
-      // console.log('sampling:', sampling)
-   })
+import { test, expect } from 'bun:test'
+
+const scenarios = [
+   ['url', '/routes', '/'],
+   ['sub url', '/routes/sub', '/sub'],
+   ['http', 'http://domain.com/routes', '/'],
+   ['https', 'https://domain.com/routes', '/'],
+   ['https port', 'https://domain.com:3000/routes', '/'],
+   ['https port file', 'https://domain.com:3000/routes/file.tsx', '/file'],
+   ['https port index', 'https://domain.com:3000/routes/index', '/'],
+   ['https port sub file', 'https://domain.com:3000/routes/sub/file.tsx', '/sub/file'],
+]
+
+scenarios.forEach(function([ scenario, sampling, expected ]) {   
+   test(`new Path(url).href: ${scenario}`, function() {  
+      const resulted = new URL(sampling).pathname
+      expect(resulted).toBe(expected as any)
+      // console.log('sampling:', sampling)
+   })
 })

package/templates/minimal/components/hello.tsx

@@ -1,9 +0,0 @@
-import React from "react"
-
-interface Props {
-   name?: string
-}
-
-export const Hello = (props: Props) => <>
-   <h1>Hello { props.name || "World"} !</h1>
-</>

package/templates/minimal/components/icon.tsx

@@ -1,11 +0,0 @@
-import React from 'react'
-
-interface Props {
-   id: string
-   size?: string
-   children?: string
-}
-
-export const Icon = ({ id, size, children }: Props) => <>
-   <i className={`bi bi-${size} bi-${id}`} title={children || ""}></i>
-</>