[go: nahoru, domu]
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

tests(font-size): add test for attributing styles to node #9400

Merged
merged 8 commits into from
Jul 18, 2019
Merged

tests(font-size): add test for attributing styles to node #9400

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
c911a40
tests(font-size): fix URL artifact
connorjclark Jul 18, 2019
01c44e3
add test
connorjclark Jul 18, 2019
0b2c27f
test
connorjclark Jul 18, 2019
5faf245
toMatchObject
connorjclark Jul 18, 2019
faaa9c0
use that describe fn i made elsewhere
connorjclark Jul 18, 2019
c2f8403
words
connorjclark Jul 18, 2019
d61a5ff
toHaveLength
connorjclark Jul 18, 2019
8b216de
Merge remote-tracking branch 'origin/master' into font-size-test-url
connorjclark Jul 18, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
use that describe fn i made elsewhere
  • Loading branch information
@connorjclark
connorjclark committed Jul 18, 2019
commit faaa9c025832fb8954b988610cc9a4c479c0a127
80 changes: 45 additions & 35 deletions lighthouse-core/test/audits/seo/font-size-test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -238,43 +238,53 @@ describe('SEO: Font size audit', () => {
expect(auditResult.notApplicable).toBe(true);
});

it('attributes inline and attributes styles to node', async () => {
const style1 = {
type: 'Inline',
};
const style2 = {
type: 'Attributes',
};
const parentNode = {
attributes: ['id', 'my-parent'],
};
const artifacts = {
URL,
MetaElements: makeMetaElements(validViewport),
FontSize: {
analyzedFailingNodesData: [
{textLength: 12, fontSize: 10, cssRule: style1,
node: {nodeId: 1, parentNode, localName: 'p', attributes: ['class', 'my-p']}},
{textLength: 11, fontSize: 10, cssRule: style2,
node: {nodeId: 2, parentNode, localName: 'font', attributes: ['size', '10px']}},
],
},
TestedAsMobileDevice: true,
};
describe('attributes source location', () => {
function runFontSizeAuditWithSingleFailingStyle(style, nodeProperties) {
const artifacts = {
URL: {finalUrl: 'http://www.example.com'},
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is also not a valid URL artifact :)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we want to make artifacts in tests fully complete, or just the parts we need for the test?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we want to make artifacts in tests fully complete, or just the parts we need for the test?

not necessarily, I just found it funny :)

(URL is declared at the top level, though, so could be reused like validViewport is)

MetaElements: makeMetaElements(validViewport),
FontSize: {
analyzedFailingNodesData: [
{textLength: 1, fontSize: 1, node: {nodeId: 1, ...nodeProperties}, cssRule: style},
],
},
TestedAsMobileDevice: true,
};
return FontSizeAudit.audit(artifacts, getFakeContext());
}

const auditResult = await FontSizeAudit.audit(artifacts, getFakeContext());
assert.equal(auditResult.details.items.length, 2);
assert.equal(auditResult.details.items[0].source, URL.finalUrl);
expect(auditResult.details.items[0].selector).toMatchObject({
type: 'node',
selector: '#my-parent',
snippet: '<p class="my-p">',
it('to inline node stylesheet', async () => {
const auditResult = await runFontSizeAuditWithSingleFailingStyle({
type: 'Inline',
}, {
parentNode: {attributes: ['id', 'my-parent']},
localName: 'p',
attributes: ['class', 'my-p'],
});

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh my gosh wait yeah this file is completely different!

I'm sorry @connorjclark I got confused between two different font-size-test changes and approved this immediately after looking at the other one, too many reviews today my b 😢

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is there a separate review ongoing with runFontSizeAuditWithSingleFailingStyle...

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you even tried to warn me over chat and it didn't work! 😆

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nope, this was it.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nope, this was it.

there was one in #9354, though? #9400 (comment)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes... and I moved it here and asked patrick to review over chat :) a flawless system as you see

assert.equal(auditResult.details.items.length, 1);
connorjclark marked this conversation as resolved.
Show resolved Hide resolved
expect(auditResult.details.items[0].selector).toMatchObject({
type: 'node',
selector: '#my-parent',
snippet: '<p class="my-p">',
});
});
assert.equal(auditResult.details.items[1].source, URL.finalUrl);
expect(auditResult.details.items[1].selector).toMatchObject({
type: 'node',
selector: '#my-parent',
snippet: '<font size="10px">',

it('to attributes node stylesheet', async () => {
const auditResult = await runFontSizeAuditWithSingleFailingStyle({
type: 'Attributes',
}, {
parentNode: {attributes: ['id', 'my-parent']},
localName: 'font',
attributes: ['size', '10px'],
});

assert.equal(auditResult.details.items.length, 1);
expect(auditResult.details.items[0].selector).toMatchObject({
type: 'node',
selector: '#my-parent',
snippet: '<font size="10px">',
});
});
});
});