Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
webpack.test.js 3.71 KiB
1 
/**
2 
 * Copyright (c) 2015-present, Facebook, Inc.
3 
 *
4 
 * This source code is licensed under the MIT license found in the
5 
 * LICENSE file in the root directory of this source tree.
6 
 */
7
8 
import { expect } from 'chai';
9 
import initDOM from './initDOM';
10
11 
describe('Integration', () => {
12 
  describe('Webpack plugins', () => {
13 
    it('css inclusion', async () => {
14 
      const doc = await initDOM('css-inclusion');
15
16 
      expect(
17 
        doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
18 
      ).to.match(/html\{/);
19 
      expect(
20 
        doc.getElementsByTagName('style')[1].textContent.replace(/\s/g, '')
21 
      ).to.match(/#feature-css-inclusion\{background:.+;color:.+}/);
22 
    });
23
24 
    it('css modules inclusion', async () => {
25 
      const doc = await initDOM('css-modules-inclusion');
26
27 
      expect(
28 
        doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
29 
      ).to.match(
30 
        /.+__style-module___cssModulesInclusion+\{background:.+;color:.+}/
31 
      );
32 
    });
33
34 
    it('graphql files inclusion', async () => {
35 
      const doc = await initDOM('graphql-inclusion');
36 
      const children = doc.getElementById('graphql-inclusion').children;
37
38 
      // .graphql
39 
      expect(children[0].textContent.replace(/\s/g, '')).to.equal(
40 
        '{"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","variableDefinitions":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"test"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"test"},"value":{"kind":"StringValue","value":"test","block":false}}],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"test"},"arguments":[],"directives":[]}]}}]}}],"loc":{"start":0,"end":40,"source":{"body":"{\\ntest(test:\\"test\\"){\\ntest\\n}\\n}\\n","name":"GraphQLrequest","locationOffset":{"line":1,"column":1}}}}'
41 
      );
42 
    });
43
44 
    it('image inclusion', async () => {
45 
      const doc = await initDOM('image-inclusion');
46
47 
      expect(doc.getElementById('feature-image-inclusion').src).to.match(
48 
        /^data:image\/jpeg;base64.+==$/
49 
      );
50 
    });
51
52 
    it('no ext inclusion', async () => {
53 
      const doc = await initDOM('no-ext-inclusion');
54
55 
      expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(
56 
        /\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/
57 
      );
58 
    });
59
60 
    it('json inclusion', async () => {
61 
      const doc = await initDOM('json-inclusion');
62
63 
      expect(doc.getElementById('feature-json-inclusion').textContent).to.equal(
64 
        'This is an abstract.'
65 
      );
66 
    });
67
68 
    it('linked modules', async () => {
69 
      const doc = await initDOM('linked-modules');
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
expect(doc.getElementById('feature-linked-modules').textContent).to.equal( '2.0.0' ); }); it('svg inclusion', async () => { const doc = await initDOM('svg-inclusion'); expect(doc.getElementById('feature-svg-inclusion').src).to.match( /\/static\/media\/logo\..+\.svg$/ ); }); it('svg component', async () => { const doc = await initDOM('svg-component'); expect(doc.getElementById('feature-svg-component').textContent).to.equal( '' ); }); it('svg in css', async () => { const doc = await initDOM('svg-in-css'); expect( doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '') ).to.match(/\/static\/media\/logo\..+\.svg/); }); it('unknown ext inclusion', async () => { const doc = await initDOM('unknown-ext-inclusion'); expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match( /\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/ ); }); }); });