-
-
Notifications
You must be signed in to change notification settings - Fork 47
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9fbb16f
commit c0e618d
Showing
11 changed files
with
190 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login.Block /> test case', () => { | ||
render( | ||
<Login> | ||
<Render>{({ blocks, fields, $$index, extra }, data) => <label>{blocks.title}</label>}</Render> | ||
<Login.Block data-testid="block" keyname="title"> | ||
Login | ||
</Login.Block> | ||
</Login>, | ||
); | ||
const block = screen.getByTestId('block'); | ||
expect(block.parentElement?.tagName).toBe('LABEL'); | ||
expect(block.tagName).toBe('DIV'); | ||
expect(block.innerHTML).toBe('Login'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login.Button /> test case', () => { | ||
render( | ||
<Login> | ||
<Render>{({ blocks, buttons, fields, $$index, extra }, data) => <label>{buttons.submit}</label>}</Render> | ||
<Login.Button data-testid="button" keyname="submit" type="submit"> | ||
Login | ||
</Login.Button> | ||
</Login>, | ||
); | ||
const button = screen.getByTestId('button'); | ||
expect(button).toHaveProperty('type', 'submit'); | ||
expect(button.innerHTML).toBe('Login'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login.Input /> test case', () => { | ||
render( | ||
<Login> | ||
<Render> | ||
{({ blocks, fields, $$index, extra }, data) => ( | ||
<label> | ||
{fields.password} {extra.password} | ||
</label> | ||
)} | ||
</Render> | ||
<Login.Input data-testid="input" name="password" type="password" placeholder="Password"> | ||
<span> extra content </span> | ||
</Login.Input> | ||
</Login>, | ||
); | ||
const input = screen.getByTestId('input'); | ||
expect(input.parentElement?.tagName).toBe('LABEL'); | ||
expect(input.tagName).toBe('INPUT'); | ||
expect(input.nextElementSibling?.innerHTML).toBe(' extra content '); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login /> <Render> test case', () => { | ||
render( | ||
<Login data-testid="login"> | ||
<Render>xxx</Render> | ||
</Login>, | ||
); | ||
const login = screen.getByTestId('login'); | ||
expect(login.tagName).toBe('DIV'); | ||
}); | ||
|
||
it('renders <Login /> <Render> test case', () => { | ||
render( | ||
<Login data-testid="login"> | ||
<Render> | ||
<div>xxx</div> | ||
</Render> | ||
</Login>, | ||
); | ||
const login = screen.getByTestId('login'); | ||
expect(login.tagName).toBe('DIV'); | ||
expect(login.children.length).toBe(1); | ||
expect(login.children[0].tagName).toBe('DIV'); | ||
expect(login.children[0].innerHTML).toBe('xxx'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login.Select /> test case', () => { | ||
render( | ||
<Login> | ||
<Render>{({ blocks, fields, $$index, extra }, data) => <label>{fields.selectname}</label>}</Render> | ||
<Login.Select data-testid="select" name="selectname"> | ||
<option value="1" data-testid="option1"> | ||
One | ||
</option> | ||
<option value="2" data-testid="option2"> | ||
Two | ||
</option> | ||
</Login.Select> | ||
</Login>, | ||
); | ||
const select = screen.getByTestId('select'); | ||
expect(select.parentElement?.tagName).toBe('LABEL'); | ||
expect(select.tagName).toBe('SELECT'); | ||
|
||
const option1 = screen.getByTestId('option1'); | ||
expect(option1.tagName).toBe('OPTION'); | ||
expect(option1.innerHTML).toBe('One'); | ||
|
||
const option2 = screen.getByTestId('option2'); | ||
expect(option2.tagName).toBe('OPTION'); | ||
expect(option2.innerHTML).toBe('Two'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login.Textarea /> test case', () => { | ||
render( | ||
<Login> | ||
<Render> | ||
{({ blocks, fields, $$index, extra }, data) => ( | ||
<label> | ||
{fields.textarea} {extra.textarea} | ||
</label> | ||
)} | ||
</Render> | ||
<Login.Textarea data-testid="textarea" keyname="textarea" defaultValue="default"> | ||
extra content | ||
</Login.Textarea> | ||
</Login>, | ||
); | ||
const textarea = screen.getByTestId('textarea'); | ||
expect(textarea.parentElement?.tagName).toBe('LABEL'); | ||
expect(textarea.tagName).toBe('TEXTAREA'); | ||
expect(textarea.innerHTML).toBe('default'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
import renderer from 'react-test-renderer'; | ||
import { screen, render, waitFor, fireEvent } from '@testing-library/react'; | ||
import Login, { Render } from './'; | ||
|
||
it('renders <Login /> test case', () => { | ||
const component = renderer.create(<Login />); | ||
const tree = component.toJSON(); | ||
expect(tree).toHaveProperty('type'); | ||
expect(tree).toHaveProperty('props'); | ||
expect(tree).toHaveProperty('children'); | ||
expect(tree).toHaveProperty('type', 'div'); | ||
expect(tree).toHaveProperty('props.className', 'login-page '); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from '../'; | ||
import Logo from './Logo'; | ||
|
||
it('renders <Logo /> test case', () => { | ||
render( | ||
<Login> | ||
<Render>{({ blocks, buttons, fields, $$index, extra }, data) => <div>{blocks.logo}</div>}</Render> | ||
<Login.Block keyname="logo" tagName="span"> | ||
<Logo data-testid="logo" /> | ||
</Login.Block> | ||
</Login>, | ||
); | ||
const logo = screen.getByTestId('logo') as unknown as SVGSVGElement; | ||
expect(logo.tagName).toBe('svg'); | ||
expect(logo.getAttribute('height')).toBe('35'); | ||
expect(logo.getAttribute('width')).toBe('93'); | ||
expect(logo.getAttribute('viewBox')).toBe('0 0 249 95'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
import { screen, render } from '@testing-library/react'; | ||
import Login, { Render } from '../'; | ||
import LogoRect from './LogoRect'; | ||
|
||
it('renders <LogoRect /> test case', () => { | ||
render( | ||
<Login> | ||
<Render>{({ blocks, buttons, fields, $$index, extra }, data) => <div>{blocks.logo}</div>}</Render> | ||
<Login.Block keyname="logo" tagName="span"> | ||
<LogoRect data-testid="logo" /> | ||
</Login.Block> | ||
</Login>, | ||
); | ||
const logo = screen.getByTestId('logo') as unknown as SVGSVGElement; | ||
expect(logo.tagName).toBe('svg'); | ||
expect(logo.getAttribute('height')).toBe('28'); | ||
expect(logo.getAttribute('width')).toBe('28'); | ||
expect(logo.getAttribute('viewBox')).toBe('0 0 92 92'); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters