webpack-dev-server/test/e2e/range-header.test.js at 8769de7a0454f2bed1acd766729314f97b925ba9 · webpack/webpack-dev-server · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
"use strict";

const request = require("supertest");
const webpack = require("webpack");
const Server = require("../../lib/Server");
const config = require("../fixtures/static-config/webpack.config");
const port = require("../ports-map")["range-header"];

describe("'Range' header", () => {
  let compiler;
  let server;

  beforeAll(async () => {
    compiler = webpack(config);

    server = new Server({ port }, compiler);

    await server.start();
  });

  afterAll(async () => {
    await server.stop();
  });

  it('should work with "Range" header using "GET" method', async () => {
    const response = await request(server.app).get("/main.js");

    expect(response.status).toBe(200);
    expect(response.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(response.headers["accept-ranges"]).toBe("bytes");

    const responseContent = response.text;
    const responseRange = await request(server.app)
      .get("/main.js")
      .set("Range", "bytes=0-499");

    expect(responseRange.status).toBe(206);
    expect(responseRange.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(responseRange.headers["content-length"]).toBe("500");
    expect(responseRange.headers["content-range"]).toMatch(/^bytes 0-499\//);
    expect(responseRange.text).toBe(responseContent.slice(0, 500));
    expect(responseRange.text).toHaveLength(500);
  });

  it('should work with "Range" header using "HEAD" method', async () => {
    const response = await request(server.app).head("/main.js");

    expect(response.status).toBe(200);
    expect(response.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(response.headers["accept-ranges"]).toBe("bytes");

    const responseRange = await request(server.app)
      .head("/main.js")
      .set("Range", "bytes=0-499");

    expect(responseRange.status).toBe(206);
    expect(responseRange.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(responseRange.headers["content-length"]).toBe("500");
    expect(responseRange.headers["content-range"]).toMatch(/^bytes 0-499\//);
  });

  it('should work with unsatisfiable "Range" header using "GET" method', async () => {
    const response = await request(server.app).get("/main.js");

    expect(response.status).toBe(200);
    expect(response.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(response.headers["accept-ranges"]).toBe("bytes");

    const responseRange = await request(server.app)
      .get("/main.js")
      .set("Range", "bytes=99999999999-");

    expect(responseRange.status).toBe(416);
    expect(responseRange.headers["content-type"]).toBe(
      "text/html; charset=utf-8",
    );
    expect(responseRange.headers["content-range"]).toMatch(/^bytes \*\//);
  });

  it('should work with malformed "Range" header using "GET" method', async () => {
    const response = await request(server.app).get("/main.js");

    expect(response.status).toBe(200);
    expect(response.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(response.headers["accept-ranges"]).toBe("bytes");

    const responseContent = response.text;
    const responseRange = await request(server.app)
      .get("/main.js")
      .set("Range", "bytes");

    expect(responseRange.status).toBe(200);
    expect(responseRange.headers["content-type"]).toBe(
      "text/javascript; charset=utf-8",
    );
    expect(responseRange.text).toBe(responseContent);
    expect(responseRange.text).toHaveLength(responseContent.length);
  });
});